Beautiful Guest Author Info Widget For Blogger

Guest Blogging is a most useful technique to get traffic for your blog. If you are blogging over a long period then you must have heard of that term. This post is for those who have a well established blog getting good traffic. If you have a successful blog then you may be getting guest post by others blogger. Guest post are very important when you are busy and you don’t have time to write new post in your blog. These guest post updates your blog regularly and keep growing the traffic.

Beautiful Guest Author Info Widget For Blogger

Guest bloggers are giving their work and time to your blog. So, in return, they also wants good backlinks. It is very helpful if you show their profile at the end of the post. You have seen this in many other blogs.

Beautiful Guest Author Info Widget For Blogger

Add Guest Author Info Widget Below Post

1. Open your bloggers dashboard. Go to ‘Template’ and click ‘Edit HTML’.
2. Click anywhere inside the code and then using the keys Control+F, open the search box.
3. Search ]]></b:skin> 
4. Now copy and paste the given below code just above it.
    /****My Online Destination*****/

.mod-author-box {
background: #f6e4db;
margin: 5px 0 20px 0;
padding: 12px;
border: 1px solid #e3e3e3;
border-radius:5px;
box-shadow:2px 2px 1px #e3e3e3;
overflow: hidden;
color: #3b3b3b;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
line-height: 1.6em;
}
/****www.myonlinedestination.com*****/
.mod-author-box p {
margin: 0px;
padding: 0px;
}
.mod-author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 5px;
border: 3px solid #e3e3e3;
}

5. Save the template.
6. Now edit the post in which you wants to show the author profile.
7. Edit the post in HTML.
Beautiful Guest Author Info Widget For Blogger
8. Paste the following given code at the end.
   <div class=”mod-author-box”>

<img alt=”author-pic” height=”85″ src=”IMG” width=”85″ /> <strong>About Guest Blogger</strong><br />Write the information of guest blogger here</div>

Customization

  • Change the IMG with the URL of the image of your guest author
  • You can change ‘About Guest Blogger’ with any other heading as you want
9. Publish the post and you are done with it.

Add a Comment

Your email address will not be published. Required fields are marked *