Header Ads Widget

ad728

Simple Stylish Author Profile Box for Blogger

 This post is about placing an author box below each Blogger post. Placing an author/administrator at the bottom of each post will increase your interaction with your readers as new readers can easily see your social profiles and communicate with you. This is the reason why this tool is ideal for increasing blog traffic in general.


Simple and Stylish author box for Blogger


Benefits Of This Widget:

·         Looks simple which can be used in every Blogger template
·         Can customize own author Image
·         You can also place the links for all social networks like Twitter, Facebook, and Google+.

How to install :

·         Go to Blogger Dashboard
·         Click on template
·         Click on edit HTML
·         Press cntl+f and find the code ]]></b:skin>
·         Now place the following code above it

.author_info { float: right; width: 573px; padding: 10px; border: 1px solid #e0e0e0; margin-bottom: 15px; margin-top: 15px; background: #eee; } .author_info h3 { margin-bottom: 10px; } .author_photo { float: left; margin: 0 0 0 10px; } .author_photo img { margin-right: 10px; border: 1px solid #e0e0e0; }
Again search for <div class=’post-footer-line post-footer-line-1′> and place the following code below it and then click on save.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

<div class=’author_info’>
<div class=’author_photo’>
<img alt=’author’ src=’http://lh3.googleusercontent.com/-AEjwZp9w37s/UNSIMPc2PcI/AAAAAAAAA7M/JjHAI3AjFFI/h120/images.jpeg‘/></div>
<h3>About the Author</h3> This article is written by: <b>YourName</b> – who has already written <b>30</b> articles for <a href=’http://sanjaychoubey.com/‘>YOUR-BLOG-NAME</a> Your Name . Catch him on <a href=’http://twitter.com/ersnjy‘ target=”_blank” rel=”no follow”>Twitter</a>, <a href=’http://www.facebook.com/a1bloggerseo’ target=”_blank” rel=”no follow”>Facebook</a> or <a href=’your e mail ID‘>email</a> him <br> </br> <br> </br>
YourName&#39;s <a href=’http://sanjaychoubey.com/’>Blogger tips</a><br style=’clear:both;’/>
</div>
</b:if>
You need to change the URLs as shown in red, along with your URLs. You also have to change the blue words and phrases with your own colors. Just customize it as per your choice, and click Save. You will see the changes made. A beautiful author box also appears at the bottom of every Blogger post. Thanks for giving me your time. take care of yourself.! 
Similar Videos

0 Comments: