How to Edit Page Element in a Blogger Template by HTML Editing

HTML Editing-How to Edit Page Element in a Blogger Template

Sometimes you find that you are unable to add a gadget to your blog below your header because that option will not be available for you at the layout window. Thus you will not be able to add any HTML/Java script to your blog directly through adding a gadget and in this case you will have to add/remove HTML/CSS/Java script through editing your HTML Document only which is a lengthy and somewhat tough process. Therefore we must follow the easier process. that is editing the page element of our HTML document. Adding a Gadget bar just below your header can help you in many ways-

HTML Editing-How to Edit Page Element in a Blogger Template


How to Add Page Element in a Blogger Template

For this purpose you will have do some changes in your blog’s HTML Document by editing it.

To edit your blogger template HTML document login to your blogger dash board and click Template>Edit HTML. Your blogger template HTML document will Open.

Now you have to find this code showaddelement

To find this code in the HTML Document click anywhere inside the open HTML document.

Click “CTRL+F” 

Now HTML search box will appear in top right hand corner of the HTML document.

Now write or copy and paste showaddelement in the open HTML search box

Now you will see that the desired code has been highlighted –

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>

In the above code you have to note that the  “maxwidgets=’1’  means you can have only one widget and the “showaddelement=’no’ says No additional Element are enabled. So you have to change these both.

If you want ‘5’ (or any number according to your choice) widgets, You have to make following simple changes as indicated in red colour-


<b:section class='navbar' id='navbar' maxwidgets='5' showaddelement='yes'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>

If you need more than “5” widgets, please replace the Figure 5 in red color with your desired Figure.

That’s all and now safely save your template and exit.


How Customize Blogger Theme, Edit HTML Code, Blog html code, html code edit, how to edit blog theme, Edit blogger template CSS, blogger html templates, blogger tutorial for beginners, blogger css codes, blogger custom css, HTML Editing-How to Edit Page Element in a Blogger Template, How to Add Page Element in a Blogger Template, Simple HTML Editing for Addition Page Element, Safety Precautions While Editing Blogger Template, how to customize blog,


एक टिप्पणी भेजें

Please Donot spam

और नया पुराने