Blogger gives a method to add Page Elements to the sidebars of your blog. You have to login to Blogger.com and click on Layout link on Dashboard and then click on 'Add a Page Element' link at the top of the sidebar.
However, there is no method to add Page Elements to the posts column or the Header and the Footer of the blog. There is a workaround for this. Page Elements are represented in the new Blogger Layout templates by widget codes. For example your Blog Header Page Element widget code looks like this :
<b:widget id='Header1' locked='true' title='MY BLOG (Header)' type='Header'/>
You can see this by login at Blogger.com and click on Layout link on Dashboard. Then click Edit Html subtab of Template tab. Scroll down in Template code box to see above code. This code is wrapped in the Header section code like this :
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='MY BLOG (Header)' type='Header'/>
</b:section>
As you can see in the first line the number of maximum widgets in the header section is set to one. This makes it impossible for you to add new widgets in the header. Also Showaddelement is set to No.
To add more page elements in header change this code to :
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='MY BLOG (Header)' type='Header'/>
</b:section>
Set the maxwidgets to the number of widgets you want to put in the header section plus one. This makes it easier to rearrange the widget order in the header. Also change showaddelement to Yes. This will add a "Add Page Element' link to the header on the Layouts page.
You can do the same with the Blog Posts section code :
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
Add a maxwidgets=x code and change showaddelement to yes. Save Template and click on Page Elements subtab of Template tab. You can now add any page Elements to the header and Blog posts. Do the same for the footer.
Enjoy!
WELCOME!
This blog contains quick tips for Bloggers. For detailed explanations do visit the main blog at :
Add Page Elements to Posts Column and Blog Header.
Search Blog Before Commenting
Loading...
Post a Comment
Please use the above Search box to look for solutions before posting your valuable comments.
Comments posted on Tips for Bloggers are moderated and will be approved only if they are on-topic and not abusive. Try not to include website URLs/links in your comments. You can email me : drbhatns at gmail dot com for any blogging question. Thanks,
YATOC - Yet Another Table of Contents.
Table Of Contents
30 comments:
Thanks for the help on this post. But when I swapped out the codes, it said that my blog was going to be deleted or something! So it didn't work... do you know what I did wrong? Did I find the right code? If not how do I?
Anonymous,
Need more details! What codes did you swap? What was the exact error message?
Copy and paste the error message here.
hey could you help me on MSN, msn is live-wireless-shop@hotmail.com. i am pretty proficient with html and css. i have my own html template, just not familiar on how to place these widgets in the desired areas.
Basslion,
Where exactly do you want to place the widgets? If you have a Classic template then you have to Upgrade to Layouts to get widgets.
I have added a new Page Element (ticker) for my blog in the header section. The problem is that the ticker is aligned to the left instead of being at the center.
Could you kindly help? Thank you
Ratsnrop,
Can you give us the blog address so we can check it out to help you better.
thanks for the above instructions...I'm going to try your suggestions...I would like to know how I can position the photo in my header which is to the left of the writing...at the moment the writing is over the photo and un- readable...
Any help would be apprecited. Thanks...my blog is http://kitchenkapers.blogspot.com
Cakebaker_cakemaker,
Have a look at :
Header Picture to Left and Title to Right.
thanks vin, this should work for me fingers crossed...as you may have already realised I am a total novice here.
Hi Vin,
I am not able to see the "layout" tab instead it shows "template"... is there any option that allows me to drag and drop the page elements.
Anonymous,
You probably have the Classic Template. Upgrade to Layouts :
Interchanging Templates and Layouts in Blogger.
This post was so informative! I have done exactly as your directions indicate for adding elements to post. I wanted to add a bookmark widget just as you have at the end of your individual posts. The problem is, the widget only appears at the very end at the bottom of the blog. It doesn't show at the end of each posts. Can you help me please. My blog is www.quiskaeya.com. thanks
Ana,
If you add it in a widget at the end of the posts widget it will appear at the bottom of the blog. To add it in every post you have to add it within the post. See :
Share This Add This Social Bookmarks.
Thank you so much for the instructions on setting up Sharethis. I was able to get the widget on each post. However my widget doesn't look like yours. How can I get your widget, please?
Ana,
My widget is from Addthis.com
I added the page element to the posts fine, but it shows up after all the posts, not in each post. I am trying to add a slideshow to each post in the blog. Thanks.
Anonymous,
You cannot add the slideshow widget in a post. Instead create a slideshow at Picasa Web Albums for Bloggersand then paste the code given in Edit Html tab of Post Editor.
This is incredibly awesome, worked like a charm, I don't know how you figure these things out but I really appreciate this help!!
thanks for the info!!
nice... this is great for new bloggers
Quite useful, and worked well !
Hi :-)
I was just trying to follow the instructions on top her for adding page elements to posts column. But i dont seen to do it right?
I dont get an error, but i can`t se that anything has changed eighter..
it still just shows that I can put more gadgets.. I thought when i changed this codes, i could put other things on the side ?
Sorry, I am not so good at explaning in english, because i am Norwegian :-) But hope you understand.
Hilde
Hilde,
What is the blog address?
Thank you Vin! I was able to add two gadgets above the blog posts using your advice. Now I need to add a footer. I'll search thru your site to see if you have already covered that.
George S.
http://quantinvestor.blogspot.com
Hi. My blog url is http://katwaffles.blogspot.com
The "About Me" and "Blog Archive" sidebars aren't on the right of my
blog, as in it's not next to my blog entries..for some reason, it's
underneath and i have no idea how to change it
please help!!
thanks =D
katrina
Katrina,
Have a look at Why the sidebar is below the posts column?
Hello Vin,
I have had a brief look through some entries on your blog and I just want to compliment you. You are helpful and responsive and you're clearly a really nice guy too!
I put the code in exactly like you had it but I got an error saying "Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Element type "b:section" must be followed by either attribute specifications, ">" or "/>"."
Please help. thank you
my url is heatherbranscom.blogspot.com
Heather Branscom,
If you put in both lines of b:section then you will not get this error.
If you put in only one line of :section you must close it with a slash at the end :
<b:section...../>
Thank you. Yes!!! It worked
CLICK HERE TO LEAVE A COMMENT.
Skip to top of post.