14 October 2008

Add a sticky post, Adsense and other gadget above the blog posts


Actually, it is quit simple to add a sticky post, Adsense and other gadget above the blog posts. The steps are:

Go to Layout and click Edit HTML in your blogger dashboard
'

Find the following section with code (Using Crtl+F). You don't need to expand the widget templates for this hack.


<div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/></b:section> </div>






Notice the part which says: <b:section class="main" id="main" showaddelement="no"> ; You need to change this to "yes" to allow other elements to be added above the posts section.

<div id='main-wrapper'> <b:section class='main' id='main' showaddelement='Yes'><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/></b:section> </div>






Save your template and take a look at your "Page Elements". You should now see an "Add a Gadget" above the posts section.


You can choose to add different page elements depending on your requirements:

1.To write an introduction to your blog, choose "Text"To add code for Adsense/banner ads, choose "HTML/Javascript"
2.To add a search function, copy your code into an "HTML/Javascript" element.
3.To add an image, choose "Picture".

Source:
Blogger Buster

No comments yet