Friday, April 10, 2009

Adding Page Elements to Blogger Templates

Well Most of the templates provided by Blogger have the page element there only you don't need to add any code, all you have to do is to turn them on by default they are off.

I am providing this tutorial to add a page element just between the Header and the blog posts, you can use it to add a navigation menu bar to your blog or to put adds there.


Go to layout>edit html> And look for the code given below


<div id='content-wrapper'>


<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>



Most of the templates have this code but if it is not there copy all the blue code and add it right below the <div id='content-wrapper'> and change the red color word to yes.




And you will see in the layout you have a add a Gadget widget between the header and the psots.


There are two more places to add a page element :

1. Above the header
2. Before the blog posts.





Look for the code given below


<div id='header-wrapper'>


<b:section class='header' id='header' maxwidgets='
1' showaddelement='no'>

And change them to this:-


<div id='header-wrapper'>


<b:section class='header' id='header' maxwidgets='
3' showaddelement='yes'>


Right after that look for these lines:-


<div id='main-wrapper'>


<b:section class='main' id='main' showaddelement='
no'>

And change them to this:-


<div id='main-wrapper'>


<b:section class='main' id='main' showaddelement='
yes'>


This will give you 2 more page elements One above the header and second before the blog posts.


Now you are done enjoy :-)

0 comments: