Add The "Add a Gadget" on Header and Blog Posts of Blogger Page Elements
>> Wednesday, November 11, 2009
As well as another Content Management System (CMS) base sites (ie : Wordpress, Joomla, Mambo, Drupal etc) Blogger Template consist of Page Elements (header, main, sidebar and footer) and Each element of this page, usually also composed of a few gadgets (the name may be different on each CMS).
Pege Elements are very important. In addition to its function, Elements (Widget) of the page and Gadgets, also affect to the overall look of the pages of our blog.
One of the advantages of a CMS base sites is the Flexibility, In these CMS sites, we could cange the Elements, add or less the Gadgets and also set the appereance (display) of the Page..
Let's do it by following this steps:
1 . As usually Log in to Blogger
2. On your Dashboard, select the Layout menu, than click the Edit HTML. Under the Edit Template you can see your Blog's HTML. (please Back up first...!)
3. To have an “Add a Gadget” option, under “Header”, Check the "Expand Widgets Templates" then Scroll down and towards the bottom, you will see these lines (use Ctrl+F to find):
Change with this :<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blogger Test Result (Header)' type='Header'>
<b:includable id='main'>
This will give you 1 more Page Element in your Header. You can add it more by change the number of maxwidgets="..."<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Blogger Test Result (Header)' type='Header'>
<b:includable id='main'>
4. To add "Add a Gadget" on the Blog Posts, find these lines
Than change with this:<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
Once You have done, don't forget to Save Template... And You will have :<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
Finnaly we have a "New" Blogger Page Element ready to optimized...
Simple isn't it...?
16 comments:
I love this tip. I added a blog search just above the blog posts rather than off to the right. I want to give visitors the impression that the blog is so big, they can search for the content they need.
Hi Richard,
I've seen Your blog, it was nice idea...
very nice ... thank for teaching
cool, this one helped me a lot. :)
thanks
Tips you mentioned here will be very useful to me. The clearness in your post is simply striking and I can assume you are an expert on this field and myself I do a lot of research as well. This blog has definitely changed my perspective on how to add a gadget.
It’s hard to find knowledgeable people on this topic, but you sound like you know what you’re talking about! Thank you for this article! Web hosting with SSL
Thanks for your follow list. I hope your list was a good option for people who can’t spend his money buying links. Nice post.
I certainly enjoyed the way you explore your experience and knowledge of the subject! Keep up on it. Thanks for sharing the info
I just wanted to let you know—the comments you gave over here are monitored carefully. You’re a most important piece to this gathering. I appreciate your dedication and service.
nice post.
Your writing style is super. I liked all of them. Keep it up. Thanks a lot for sharing…. Looking forward to reading your next post..
really very helpful
I am so happy after the visit of this blog because it contains an informative and amazing post which i liked very much. .....
https://www.bakgiy.com/
kadın spor ayakkabı fiyatları
To understand music download this is the best article .Please share for the software development company UK.
Post a Comment