Pages - Menu

Friday, January 11, 2013

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.
မူရင္းကေတာ့ ဒီဆိုက္ပါဘဲေနာ္...
http://www.bloggertrix.com/2012/06/how-to-add-add-thissocial-bookmark.html

No comments:

Post a Comment