Wednesday, June 13, 2012

How To Add "Add This"Social Bookmark Buttons To Blogger Post

Social Bookmarking always helps to get instant traffic
to your blog. If it is nice look, it will help to get more
sharing.In this tutorial  you can add "addthis" social
bookmaking Share button to top of the blog post
(below to post Title) and end of blog post.
Top and bottom is best place to add this button for
getting more sharing. Follow these steps.

Add This

1. Log in to blogger account and Go to Design >> Edit HTML
    (make sure backup your template first)

2. Find this tag by using Ctrl+F    ]]></b:skin>

3. Paste below code Before ]]></b:skin> tag
#btrixcolor{
background-color:none;
border:1px solid  #000000;
padding-top:8px;
padding-bottom:8px;}
#btrixcolor:hover{
background-color:#BFE3FE;
border:1px solid  #80C8FE;
padding-top:8px;
padding-bottom:8px
}

Add Button Just below to Post Title

4. Find this tag by using Ctrl+F   <data:post.body/>   

5. Paste below code before <data:post.body/> code

<!-- AddThis Button bloggertrix.com -->
<div id='btrixcolor'>
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div></div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fd87b4032eadae3"></script>
<!-- AddThis Button END -->

Add Button To End of the Post

6. Now Find this tag also by using Ctrl+F

                              <div class='post-footer-line post-footer-line-1'>
                                  If cant find above tag try to find below tag
                                <p class='post-footer-line post-footer-line-1'>

7. After found one of above code, paste below code after it

<!-- AddThis Button bloggertrix.com -->
<div id='bgcolor'>
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div></div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fd87b4032eadae3"></script>
<!-- AddThis Button END -->

8. Now click Save Template.
Cheers you are done.

1 comment: