Tutorial - How to center your header to "NEW" BLOGGER'S TEMPLATE DESIGNER.

NOTE.

To enlarge image:

1. Right click.

2. Click "VIEW IMAGE".

INSTRUCTION:

1. Go to your blog. Select "DESIGN" (Upper right hand corner).

2. You are in "ADD AND ARRANGE PAGE ELEMENTS". Select "EDIT HTML".

3. You are in "EDIT TEMPLATE" and look for this.

4. Now add this code.

#header-inner img {margin: 0 auto !important;}

#header-inner {text-align:center !important;}

1 - Look like this. "2 - PREVIEW" and "3 - SAVE TEMPLATE".

5. Last step click on "VIEW BLOG".

6. The result..

Before.

After.

MOTHER'S DAY BUTTONS.

HAPPY MOTHER'S DAY...

<a border="0" href="http://freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src=http://i911.photobucket.com/albums/ac315/SJB_2010/7ff6a07e.png></a>



<a border="0" href="http://freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src=http://i911.photobucket.com/albums/ac315/SJB_2010/a601cc43.png></a>



<a border="0" href="http://freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src=http://i911.photobucket.com/albums/ac315/SJB_2010/46af7fa0.png></a>



<a border="0" href="http://freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src=http://i911.photobucket.com/albums/ac315/SJB_2010/d6689ab7.png></a>



<a border="0" href="http://freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src=http://i911.photobucket.com/albums/ac315/SJB_2010/7285a719.png></a>



<a border="0" href="http://freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src=http://i911.photobucket.com/albums/ac315/SJB_2010/abec938a.png></a>



<a border="0" href="http://freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src=http://i911.photobucket.com/albums/ac315/SJB_2010/9d6564b2.png></a>



<a border="0" href="http://freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src=http://i911.photobucket.com/albums/ac315/SJB_2010/608a66e8.png></a>



<a border="0" href="http://freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src=http://i911.photobucket.com/albums/ac315/SJB_2010/a6e88b9b.png></a>



<a border="0" href="http://freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src=http://i911.photobucket.com/albums/ac315/SJB_2010/cbcb31b0.png></a>

HAPPY MOTHER'S DAY.

<a border="0" href="http://freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src=http://i911.photobucket.com/albums/ac315/SJB_2010/d20671cd.png></a>

<a border="0" href="http://freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src=http://i911.photobucket.com/albums/ac315/SJB_2010/8c982585.png></a>

All About You Custom Blog Template.

NOTE.

To enlarge image:

1. Right click.

2. Click "VIEW IMAGE".

Header.

 

Click HERE to find out how to install your new header to your blog.

Post Divider.

Click HERE to find out how to install your new post dividers.

Blog Backgrounds.

This is code for 2 column:

<style type="text/css">body {background-image: url(http://i911.photobucket.com/albums/ac315/SJB_2010/be994a4d.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:fixed; left:0px; top:30px; z-index:10; "><a href="http://www.freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src="http://i911.photobucket.com/albums/ac315/SJB_2010/02d14444.png" border="0"/></a></div>

This is code for 3 column:

<style type="text/css">body {background-image: url(http://i911.photobucket.com/albums/ac315/SJB_2010/bb4238be.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:fixed; left:0px; top:30px; z-index:10; "><a href="http://www.freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src="http://i911.photobucket.com/albums/ac315/SJB_2010/02d14444.png" border="0"/></a></div>

Click HERE to find out how to install your new blog backgrounds.

Baby Princess Custom Blog Template.

NOTE.

To enlarge image:

1. Right click.

2. Click "VIEW IMAGE".

Header.

Click HERE to find out how to install your new header to your blog.

 Post Divider.

Click HERE to find out how to install your new post dividers.

Blog backgrounds.

This is code for 2 column:

<style type="text/css">body {background-image: url(http://i911.photobucket.com/albums/ac315/SJB_2010/445cef9c.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:fixed; left:0px; top:30px; z-index:10; "><a href="http://www.freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src="http://i911.photobucket.com/albums/ac315/SJB_2010/02d14444.png" border="0"/></a></div>

This is code for 3 column:

<style type="text/css">body {background-image: url(http://i911.photobucket.com/albums/ac315/SJB_2010/583d12c6.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:fixed; left:0px; top:30px; z-index:10; "><a href="http://www.freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src="http://i911.photobucket.com/albums/ac315/SJB_2010/02d14444.png" border="0"/></a></div>

Click HERE to find out how to install your new blog backgrounds.