background maker site!

Here is cool website where you can make your own background and design it! I wanted to share this site with all of you guys ...! its called x3studios . You can even make a header from it!

Ex. Header

Ex. Background

Hope you enjoy using it!

Background music!!

Sites where you can get Music as HTML code

• http://www2.mp3raid.com
• http://videokeman.com/
• http://www.mixpod.com/
• http://www.fullmusik.net/
• http://widgetindex.blogspot.com/2010/01/music-box.html

How to insert it?

Like any other HTML code , go to Dashboard > Template > Add new gadget > HTML/JavaScript > Copy/Paste the code > DONE!

Make sure to place it where it wont be visible!

Word verification!!

Ahh they are just annoying to me ! When you want to comment on something it goes like " Please write what you see" and they give you words like this ..

Sometimes , when I see a word verification I just lose my interest in posting my comment somehow...

So , how to get rid of them???

Go to Dashboard > More options > Settings > Posts and Comments > Scroll down > "Show word verification" > Switch it to " No" > Save > You are DONE!

How to make text areas?

Have you ever wondered how to make text areas??
Like this?

There are types of text areas , two types ..

FIRST - The editable text area

and there are two types of them ..

1) With text wrap

Like this one. you can write anything here!

Code

<textarea cols="20" rows="5" wrap="hard"> TEXT HERE </textarea>

2) Without text wrap
Like this one . You could write as much as you can but it wont wrap it

Code

<textarea cols="20" rows="5" wrap="off">TEXT HERE</textarea>

SECOND - The "read only" text areas

This is most commonly used in HTML codes , where the reader could not change it , but only copy and paste it.

Like this one

Code

<textarea cols="20" rows="5" wrap="hard" readonly="yes">TEXT HERE</textarea>

HOW TO USE TEXT AREAS!?!

• In a post

In your post basically you are on the "compose" view . Switch to the "HTML" view and copy/paste the desired code and insert your text .
Switch to the "compose" view to observe what you've done and to align your text area.

• As a widget

Copy code > Dashboard > Layout > HTML/JavaScript > Paste code

you are DONE!

** NOTE: Make sure to place your info instead of  "TEXT HERE"

Customizing your cursor

Want text or sparkles to follow your cursor around??

• For sparkles go to  here
• For text go to Here
• For bubbles go to here

Just copy/paste the code to your blog!

Blog Cursor

How to change your blog cursor??

• Go to Cursors-4u and find the suitable cursor you like and they will give you the HTML code of it , so you go and insert it to your blog

Note : The cursor will only be changed when viewing the blog - duh!

Widgets!!

You know when you enter a blog , you find these widgets along the side bar or anywhere else ? Yep well , You can get them from

• Widget Index
• Bina Blog

So far I use these 2 , they are cool

You can add notes and stuff and moods to your blog , all you do it take the code in insert it as a HTML/JavaScript gadget to your blog ^^

**I dont understand what ever is written , I just click and see the pictures!

Centering Your Header

OH NO!! You went to view your blog but the header is not in the middle!! 

• Go to Dashboard > more options > template > advanced > Add CSS 
• Copy - paste the code below

                     #header-inner img { margin-left: auto; margin-right: auto; }

• Click Apply to blog and you are DONE!

Headers!

Headers!

Most of the sites above have backgrounds with matching headers! Now headers are pictures.. You need to edit them to insert the name of your blog! "How to do that?"

1. Save the Header to your computer
2. Go to any photo editor and edit it! I prefer Fotoflexer , Its online and free and easy ! 
3. Upload your picture and edit it 
4. Save your edited Header to your computer
5. Go to Dashboard > More options > Layout > you could see the word header and a small blue "Edit" at the bottom right corner > Click "Edit" > Image > From your computer > Choose file > upload your picture
6. Placement is your choice , Because you wrote the blog title already from your picture I recommend eliminating the first choice , and weather you want the description to show or not its your choice 
7. Save , and you are DONE!

** You could use any photo editor , I prefer Fotoflexer , I really like it ! I will do a tutorial about it soon!

Reaction buttons

How to add reaction buttons .. Well its easy
Go to Dashboard > More options > Layout > You will see "Blog Posts" and a small "edit" button > Reactions > Check the box > Add or change them > Save and you are DONE!

*You could change its position in your blog if you scroll down the edit dialog box!

Creating your blog button!

When it comes to blog buttons I am not a pro in that , but I've made a blog button of my own and Its not that bad...
Anyways , here you go:

1. Make a 125x125 Picture to represent your blog , you could use Fotoflexer if you want ( I used that by uploading a white plane picture and re-sizing it to the measure I want and then editing it)
2. Save your button 
3. Now you need to have an HTML code for your button so that others could put it on their blog.
4. Upload the picture to the browser and get its URL
5. Replace your website and image URL in the following code
<div style="text-align: center;"><a href="YOUR WEBSITE ADDRESS" target="_blank"><img src="IMAGE URL" /></a></div>
6. Enjoy your button!!

** You could make an animated blog button by making multiple same-sized pictures and going to gickr and uploading your pictures . Now , the good this is that gickr gives you the image URL directly ( so no need for uploading your image to the browser and getting the URL) ... Anyways after getting the URL just continue the steps !

Backgrounds...

Backgrounds!
Blogger provides some backgrounds but they are b-o-r-i-n-g! So Here are some links to websites where you could finds some backgrounds!

• http://thecutestblogontheblock.com
• http://blogdesignsbydani.com
• http://hotbliggityblog.com/
• http://shabbyblogs.com/
• http://dottydotdotdesign1.blogspot.com/
• http://paisleycatscrapsfreebloglayouts.blogspot.com/
• http://scrap-e-blog.blogspot.com/
• http://www.delightfuldots.blogspot.com/
• http://alliebrownslayouts.blogspot.com/
• http://jenarooblogs.blogspot.com/
• http://www.freebloggerbackgrounds.com/
• http://www.ashleysbloglayouts.blogspot.com/
• http://theblogdesignernetwork.com/showcase/
• http://aquapoppydesigns2.blogspot.com/
• http://www.blogaroozer.com/
• http://scrappinblogs.blogspot.com/
• http://www.mystylebackgrounds.blogspot.com/
• http://eleques2.blogspot.com/
• http://www.giselejaquenod.com.ar/blog/blogger-templates/
• http://babblingbrookeblogdesigns.blogspot.com/
• http://freebackgrounds.blogaholicdesigns.com/
• more links at -  http://mamaof3munchkins.blogspot.com/2009/03/free-templates.html

Now you got the wanted background , either you get it as a picture , or as an HTML code 

• For the HTML code:

1. Copy the code given 
2. Go to Dashboard > More options > Layout > Add Gadget > HTML/Javascript 
3. Paste the code ( make sure that the title box is empty ) 
4. Save
5. Place the gadget where ever you want - It wont be visible anyway 
6. Save , and you're DONE!

• For the picture:

1. First , you must be sure that the picture size is big so it could fit the browser
2. Save the picture on your computer
3. Go to Dashboard > more options > Template > Customize > Background > select background image > Upload image
4. Upload your saved image
5. Save! 
6. Then Align the picture at the top center 
7. Dont tile
8. Uncheck the "Scroll with page" box
9. Click "Apply to Blog"
10. You are DONE