How To Add Widget On Blog Post

In order to view the blog to look more beautiful, sometimes we have to add the widget above Blog Post. But the widget to be added must be seriously considered, especially the impact on the speed of loading the blog, as well as many widgets that make it easy for visitors to navigate.

Another advantage expected from the gorgeous look of the blog is that visitors linger on our blog, so the blog bounce rate percentage could be reduced.

This article I published to accommodate the needs of the bloggers who may need information on how to add widgets on Top Blog Post.

Widgets are most often mounted on the top of the blog post is usually a slider or widget headline news, the bloggers use widgets goal is to make the blog seem more visitor friendly, because it allows visitors to obtain information needed.

HOW TO ADD WIDGET ON THE BLOG POST

To add a widget on the blog post, you should edit your blog template HTML document, implementation details as below,
Login to blogger with your ID
In blogger dashboard page click your blog title
Click the Template menu, you should backup your blog template first, then click the Edit HTML
Find the code]]> </ b: skin> in the HTML document template, and place the following code just above the code]]> </ b: skin>
. adding-wrapper {padding: 0 auto; margin: 0    auto; width: auto; float: left; word-wrap: break-word; overflow: hidden;}
. adding {color: # 666666; line-height: 1.3em;}
. adding ul {list-style: none; margin: 0 0 0; padding: 0 0 0;}
. adding li {margin: 0; padding-top: 0; padding-right: 0; padding-bottom: .25 em; padding-left: 0px; text-indent: 0px; line-height: 1.3em;}
. adding. widget {margin: 0px 0px 6px 0px;}
Then look <div id='main-wrapper'> and place the following code right below <div id='main-wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
       <div id='adding-wrapper'>
<b:section class='adding' id='adding' preferred='yes'/>
       </ div>
</ b: if>
Save changes to your template by pressing the Save Template
The last step check for changes to the layout of the blog, select the Layout / Layout on the left side bar and make sure there have been elements Add a gadget blog post on the element, as shown below.