Insert "Add a Gadget' option below Header

Posted by Faheem Mustafa

Hello Readers:
This Post is all about explaining you guys to Insert "Add a Gadget" option in your blog below the blog Header (If already not). Blogging is fun, and playing with blogger codes is a recreation. By adding this option you can add any gadget below your blog header e.g. Featured Posts or any other...

How to Insert "Add a Gadget" Option Below Header

Note: Download Template as Backup
1:  Log-in to you blogger Account
2:  Move to Layout > Edit HTML 
3:  Check the check box "Expand Widget Templates"

4:  Now Find
Table 1
<b:section class='header' id='header-left' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR BLOG NAME (Header)' type='Header'/>
</b:section>
 </div>
</div>
 You can find this piece of code below the <div id='header'>

5:  Copy and Paste the following (Table 2) code below the above (Table 1) code and Save Your Template

Table 2
<div id='footer4' style='width: 100%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col4' preferred='yes' style='float:right;'/>
</div>

blog comments powered by Disqus
Related Posts with Thumbnails