Set Profile Widget for Blogger Below the Post

Set Profile Widget below the Blogger Post

Set Profile Widget for Blogger Below the Post
Hello friends, this is HowToLearnBlog, here is stylish blogger profile widget below the post of your blog. This stylish, new, fast loading and SEO friendly profile widget.

SCREENSHOT OF PROFILE WIDGET

How to set profile widget in your blog:

<div id="image1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:113px; height:112px; z-index:0">
            <img alt="" border="0" height="112" src="http://PROFILE IMAGE URL" title="" width="113" /></div>
        <div id="text2" style="position:absolute; overflow:hidden; left:120px; top:27px; width:483px; height:90px; z-index:1">
            <div class="wpmd">
                <div align="justify">
                    <font class="ws12" color="#000000" face="@Arial Unicode MS">Vishal Jaiswal (Author) is a professional blogger, he is completed his graduation from </font><font class="ws12" color="#000000" face="@Arial Unicode MS"><b>United College of Engineering and Research</b></font><font class="ws12" color="#000000" face="@Arial Unicode MS">. He is writing blogs from 5 years. He is interested in writing blogs and making websites.</font></div>
            </div>
        </div>
        <div id="text1" style="position:absolute; overflow:hidden; left:117px; top:1px; width:150px; height:27px; z-index:2">
            <div class="wpmd">
                <div>
                    <font class="ws14" color="#000000" face="@Arial Unicode MS"><b><u>About Author</u></b></font></div>
            </div>
        </div>
        <div id="text3" style="position: absolute; overflow: hidden; left: 411px; top: 92px; width: 196px; height: 17px; z-index: 3;">
            <div class="wpmd">
                <div>
                    <font class="ws9" color="#000000" face="@Arial Unicode MS">Profile Widget By : </font><font class="ws9" face="@Arial Unicode MS"><a href="http://www.howtolearnblog.com" title="">HowToLearnBlog</a></font></div>
            </div>
        </div>

Follow these steps to setup your Google Plus Follower widget to Blogger:

  • Log on www.blogger.com
  • Click on Layout
  • Click on Add a Gadget below the Blog Post
  • Select HTML/JAVASCRIPT
  • Change yellow marked line with your line.
  • Past the code this HTML CODE
  • Click on Save Button.
  • Done.
Powered by Blogger.