How to add a Page Element to the Header and Blog Posts ~ Earn Money Rocket

Wednesday, August 15, 2007

How to add a Page Element to the Header and Blog Posts

You can add a Page Element to th Header,Blog Posts,sidebar or the footer. It is useful as you can add a picture at the top, or a Google Adsense ad at the top or bottom of your blog posts,or even at the sidebar.

To have an “Add a Page Element” option,Follow the following steps:

1-log in your blogger account /Dashboard/Edit layout

2-under “Template”tab, choose “Edit HTML”. Scroll down and towards the bottom(you can search using ctrl+F),you will see these lines:-






<div id=’header-wrapper’>


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


Change them to this:-





<div id=’header-wrapper’>

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

This will give you 3 page elements that you can add to your Header.

Right after that are these lines:-





<div id=’main-wrapper’>



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


Change them to this:-





<div id=’main-wrapper’>



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


You are now able to add Page Elements either before or after your Blog Posts.

Add Page Element to Blogger Header and Blog Posts

After you finish, Save the Template. Click the “Page Elements” tab, and you will now see “Add a Page Element” option at the top of the Header and Blog Posts. When you decide to add the element below the Header or Blog Posts, not to worry. Simply create the element you want and save. Next, drag and drop the element to the bottom of the Header or Blog Posts. Click the Save button at the top right hand corner of the page, and your settings have been saved.

No comments: