If the first lot of posts about adding elements under the header, then I am a little different (yet the same original). Adding elements in the Upper header can be very useful. For example, for advertising. It could also for our photo slide show or to display other things that really wants to 'highlighted'. It is very different from how to make element below the header, just different in the script placement only.
1. Search codes ]]></b:skin>
2. Add the blue code below the above ]]></b:skin>
#gadget_header{
margin:10px 0;
padding:1%;
width:98%;}
3. Find the <div id='header-wrapper'>
4. Copy the code below on top
<div id="gadget_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>
5. Click Save
If you want to gadgets placed underneath, live move second script to the desired position.
For example, place the second script in the following code:
<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>
Keep in mind now the template has a very wide range, so it could be slightly different script, but will not differ much. For example, the header template with two columns will be known term headerleft and headerright, but basically the same.
Basically I gave way and I could not provide tutors for each of each type of template. Hopefully Helpful ....
1. Search codes ]]></b:skin>
2. Add the blue code below the above ]]></b:skin>
#gadget_header{
margin:10px 0;
padding:1%;
width:98%;}
3. Find the <div id='header-wrapper'>
4. Copy the code below on top
<div id="gadget_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>
5. Click Save
If you want to gadgets placed underneath, live move second script to the desired position.
For example, place the second script in the following code:
<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>
Keep in mind now the template has a very wide range, so it could be slightly different script, but will not differ much. For example, the header template with two columns will be known term headerleft and headerright, but basically the same.
Basically I gave way and I could not provide tutors for each of each type of template. Hopefully Helpful ....
If you liked the article on this blog, Please
click here Subscribe for free via email, so you'll get a delivery of articles to every article published in www.face-tutorial.co.cc
Related Post :
Blog
- Making Pop-Up Contact Form
- Grow a Blog
- Recent Post With Photo Thumbnalis
- Creating Header 2 (Two) Column
- Adding or Changing the Background Picture On Blog
- Eliminating Blog Title and Blog Description
- Start a Blog
- Why Fear Your Article on Copy-Paste?
- Share Pack - How To Easily Share Your Articles
- Networked Blogs, Blog Famous on Facebook
- Modifications Comments Section
- Contact Form On Post Page
- Modifications Shoutmix (2)
- Making Recent Comment Easy
- Modifications Shoutmix (1)
- Shout Box with Photo Thumbnails
- Removing Bad Comments on Shoutmix
- So Famous Through BlogBurst
- SEO Tips: First Step For Blogger
- Small Note: Increase Blog Traffic
- Install Alexa Widget in Blog
- Adding Links to Posts
- Adding Images in Posts
- How to Post an Article
2 comment: on "Adding Elements On Header"
thanks to the information,
because it is very helpful especially in making and messing work on bloggers who I have today
@gunawan : thank you for your comment
Post a Comment