How to Add blogger author box widget below blog post. 0

Hello friends you have seen many wordpress blog and their blog post below showing author widget box which is show this post by this author. if you want to add this widget in your blogger blog now simply follow this tips if you like this great post please comment this post so i giving you many tricks everyday.

So follow simple step to add this widget in your blogger blog now---->>>>

* First go to your blogger dashboard.

* Now click in design tab and edit your blogger HTML.

* Now click in small box to expand your blogger template.

* Now find this code  ]]></b:skin> by CTRL+F key.

* copy below code and paste it before  ]]></b:skin>

.authbio{

color: #666;
font-weight: normal;
font-size:0.9em;
background: #fff;
border: 1px solid #ccc;
width: 540px;
padding: 15px;
margin-bottom:25px;
}
.authbio a{
text-decoration:underline;
}
img.alignleft {
float:left;
background-color: #c4e3e0;
border:1px solid #c4e3e0;
padding: 5px;
margin-left:2px;
margin-top:0px;
margin-bottom:25px;
margin-right:12px;
}

* Now again search this code <data:post.body/> with CTRL+F key .

* Now copy below code and paste after <data:post.body/>

<div class="authbio">
<div style="float: left;">
<img alt="" src="YOUR IMAGE URL" />
</div>
<h1>
About The Author</h1>
ADD YOUR DESCRIPTION HERE </div>

Note - Change YOUR IMAGE URL WITH AUTHOR IMAGE URL

And ADD YOUR DESCRIPTION HERE change with author descriptin

* Now save your blogger template now you are done see result below your post .

blogger tutorials Social Bookmarking Blogger Widget

I'm reading: How to Add blogger author box widget below blog post. ~