How To Add New Widget Sections In Blogger On Different Places

widget section in blogger

Immagin of of website with random widgets and shape.Definately you will not like that even if the content of that site is great.To a professional blogger not only the content of site matters but the look of is also something.Infact everyone likes a clean and ordered blog.
This article will help you to add widget sections to your blog and remove unnessary widget sections from your templete.It is very easy process and i dont think you will suffer any problem doing this.So, lets start.
There are two types of widgets you can add in your blogger templete.One is restricted to only home page and the other is displayed on all the pages of your blog.You can add accroding to Your need.
If you want to add a widget section only in your home page then you should use this code.

<b:if cond='data:blog.url == data:blog.homepageUrl'><b:section class='sidebar' id='homepage-widget' showaddelement='yes' > <b:widget id='Text59' locked='false' title='Test Title 1' type='Text'/> </b:section> </b:if>

And if you want to add widget section which will appear on every page then add the you should use this code.

<b:section class='sidebar' id='homepage-Widget' showaddelement='yes' > <b:widget id='Text59' locked='false' title='Test Title 1' type='Text'/> </b:section>

Note: You will not be able to add two widgets with the same id so if you want to add more then one sections then you would have to change the red colored text.You can type anthing you want shuch as slider ads or anything else.Basically it is id of widget.
Now the problem is where to add these codes in blogger.Simple way is to search for an existing widget section and add the code give above below or above the exisiting widget sections.
For this purpose go to Blogger>Dashboard>Theme>Edit Html and search for existing widget and add the code below or above the existing widget.

How to Add new widget Section above the blog Posts

If you want to add widget section above the blog post the simply follow these steps.

Step 1 : Go to blogger Dashboard>Theme>Edit Html

Step 2 : search for <:bsection

Step 3 : Paste the code above it.

Step 4 : Click save and you have added a widget section above blog posts.You can place ads or anything you want.

How to Add new widget Section Below the blog Posts

Step 1 : Go to blogger Dashboard>Theme>Edit Html

Step 2 : search for </:bsection>

Step 3 : Paste the code below it.

Step 4 : Click save.Thats all.

 How To Add A New Widget In The Sidebar

To add new widget section in the sidebar, simply do the easy work as i mentioned above. Search for the existing widget and choose where to add, BELOW or ABOVE.

Now add the code above or below the entire section. 

How To add Two Coloumns Of widget Section at same place in blogger

If you want to add two coloumns of widget at same palce all the procedure will be same as described above just in this case you would have to paste the codes given below not the one i mentioned earlier.

If you want to show your two coloumns widget on only homepage then use this code

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='sidebar' id='widget-left' showaddelement='yes' >
<b:widget id='Text51' locked='false' title='Test Title 1' type='Text'/>
</b:section>
<b:section class='sidebar' id='widget-right' showaddelement='yes' >
<b:widget id='Text52' locked='false' title='Test Title 2' type='Text'/>
</b:section>
<div style="clear: both;"></div>
</b:if>

And if you want show you widgets on every page of your blog then use this code

<b:section class='sidebar' id='widget-left' showaddelement='yes' >
<b:widget id='Text51' locked='false' title='Test Title 1' type='Text'/>
</b:section>
<b:section class='sidebar' id='widget-right' showaddelement='yes' >
<b:widget id='Text52' locked='false' title='Test Title 2' type='Text'/>
</b:section>
<div style="clear: both;"></div>

Search for </b:skin> and add the code given below above </b:skin>

#widget-left {
width: 45%;
float: left;
}
#widget-right {
width: 45%;
float: right;
}
 

Note:If you want to add more then on widget section all procedure will be same but you have to change the widget name every time.Because two widgets can not be added with same name.
If any any problem presists feel free to ask.

Tagged With

• How to add widget section in blogger
• How to add widget section above posts in blogger
• How to add widget section below posts in blogger
• How to add 2 coloumns widget sections in blogger
• How to mannually add widget section in blogger templete
• How to add widget in blogger theme
• How to add widget sections in blogger theme