Skip to main content

How to Add Extra Widget Section to Blogger Header

By
In this tutorial you will learn tips to add extra widget in blogger header section in new template designers. Within this gadget section you can add anything that you may want, for example, subscribe buttons, search box or your AdSense ads within the Blogger header.


Step 1: Login to your blogger dashboard and backup your template. Click "Edit HTML" button.

Step 2: Find for the below codes which you have edited and implemented in previous tutorial:

<b:section class='header header-left' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog's Title (Header)' type='Header'/>
</b:section>
<div style='clear:both;'/>

Now find for <div style='clear:both;'/> which is marked in red in the above codes and before it add:
<b:section class='header-right crosscol' id='header-right' maxwidgets='1' showaddelement='yes'/>
So the full code will be:

<b:section class='header header-left' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog's Title (Header)' type='Header'/>
</b:section>
<b:section class='header-right crosscol' id='header-right' maxwidgets='1' showaddelement='yes'/><div style='clear:both;'/>

Step 3: Find ]]></b:skin> and before it add the following CSS:

.header-right {
display: inline-block;
float: right;
width: 400px;
}
Now you can customize the width of header & header-right section according to your choice.

Step 5: Save your template. Go to Layout tab and from there you can add a new gadget to the newly created extra gadget section within Blogger header. If you find that the extra gadget section is created just under your Header gadget as shown in the image below, you need not to worry about it as when you will view your blog, it will appear side by side as it's seen on the demo.

Labels

Labels:

Comments

Post a Comment

Popular posts from this blog

AYE AYE :THE BAD LUCK OMEN

By
Aye Aye is one of the rarest animals of the world. It belongs to the mammals groups. This rare creature dwells in globular nest which has a small hole to enter and exit. When this creature rides on the tree, it uses its middle finger to tap the tree. It uses its slender finger to find out the taste insects. Aye Aye also uses the same middle finger to lift out insects. Its eyes and ears are unusually large. Due to its big eyes some consider this creature as the demon. These types of creatures are very sensitive. These rare creatures are generally found in the Madagascar Island.  The native islanders of Madagascar often killed this creature in first sight because they believe this creature as evil omen. Aye Aye are the only primates of the mammal world to depend on echolocation for pursue.But the most astonishing fact is that this species is in great danger. These animals are particularly fond of ceramicist beetle. They even eat insects, nectar, seeds etc. Aye Aye are dark/brown or ...
Post a Comment
Read more

THE MYSTERIOUS AMAZONIAN ROYAL FLYCATCHER

By
Birds are no doubt a great creation of the world. Birds have different kinds of colorful wings and feathers. They generally utilize their colorful feathers during the meeting time. Peacock is the best example of this behavior. This kind of attracting behavior is also seen in Amazonian Royal Flycatcher . This bird is equally very impressive according to its colorful feathers. The Latin name of this amazing bird is Onychorhynchus coronatus coronatus .The Amazonian Royal Flycatcher is very small in size. It is about six and half inches in length (16.5 cm) . These cute birds are generally found at the Amazon jungle of South America and this is because of giving such name to this beautiful bird. While most bird species displays vibrant color during their sex mostly the male birds. But both the Amazonian Royal Flycatchers display their colorful feathers at the top of their head. While the female have usually the yellow color, male have the fiery orange red color.
Post a Comment
Read more