How to Add a New Element Under Blogger Header
How to make a useful element for the pair gadgets follow these steps:
1. Login to blogger with your ID.
2. Click Layout / Design.
3. Click Page Element tab / page. Note the structure of your layout template.
4. Now we will make a new column just below the header.
5. Click the Edit HTML tab.
6. Backup your template first! Download Full Template manner, so that if something goes wrong you can restore it to normal.
7. Tick \u200b\u200bthe Expand Widget Templates.
8. Copy the code below, then paste the above code.
# under_header {
margin: 10px 0;
padding: 1%;
width: 98%;
10. Find similar code with the code below:
\u0026lt;div id='header-wrapper'>
\u0026lt;b: section class = 'header' id = 'header' maxwidget = "1" showaddelement = "no">
\u0026lt;b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
\u0026lt;/ b: section>
\u0026lt;/ div>
11. If not found code above, find the code below:
\u0026lt;b:includable id='description'>
\u0026lt;div class='descriptionwrapper'>
\u0026lt;p class='description'> \u0026lt; ; span> \u0026lt;data:description/> \u0026lt;/ span> \u0026lt;/ p>
\u0026lt;/ div>
\u0026lt;/ b: includable>
\u0026lt;/ b: widget>
\u0026lt;/ b: section>
\u0026lt;/ div>
12. Copy the code below and paste it just below the code on the number 9 or 10 above:
\u0026lt;div id="under_header">
\u0026lt;b: section class = 'header' id = 'underheader' preferred = ' yes' />
\u0026lt;/ div>
13. Click Save Template button. Wait a few moments until the template you saved.
14. Click Page Element tab.
15. Now you already have an element which exactly below the header, please add the desired elements. You can use these elements to attach advertising or otherwise.
16. Done.
17. Good luck .....
0 comments:
Post a Comment