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.
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
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
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
7. After found one of above code, paste below code after it
8. Now click Save Template.
Cheers you are done.
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.
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.
Thanks for this! :D
ReplyDeletewww.genzelkisses.com