rylcolikes.com

Exactly how to create Element Below Header


As I write "Save the widget just under the header", that not only the only way you can do but there are other techniques to be able to store widget or just below the header element. I mean the technique by creating a new column directly under the header, wondering how? yuk indeed in the details! 


 
To create a new column is not as difficult as you imagine, you just simply add a little CSS and HTML code into your template code. Not yet know how? please follow these steps:

1. Login to blogger with your ID.
2. Click Layout.  
3. Click Page Element tab. Notice the structure of your template layout.  
4. Now we'll create a new column just below the header. Ready? Start yuk.  
5. Click the Edit HTML tab.  
6. Click Download Full Template article, please in the first backup (important).  
7. Copy the following code, and paste the above code ]]></ b: skin> 

 
# Under_header ( margin: 10px 0; padding: 1%; width: 98%;


 
8. Find similar code with the code below: 


 
<div id='header-wrapper'> <b:section class='header' id='header' maxwidget="1" showaddelement="no"> <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/> </ B: section>
    
</ Div> 


9. Copy and paste the following code just below this code: 


 
<div id="under_header"> <b:section class='header' id='underheader' preferred='yes'/> </ Div>


10. Click SAVE TEMPLATE button. Wait a few moments until the template you saved.
11. Click Page Element tab. 12. Yihaa! now you already have a direct element just below the header, please add the desired elements. Want to place google adsense ads, click saya.com or whatever, or maybe you want to place a photo of handsome and beautiful in there? wong please your blog.
13. Done.