This is also Nice social Bookmark buttons.it include
with hover effect.So this buttons helps you to get
more visitors by sharing your post. Earlier i posted
about How to add "Add This" Social Bookmark Buttons.
This is more attractive than it. So, in this tutorial also
helps you to add this social bookmark button to
below post title and end of the post.Follow these
steps to add it to your blog.
Add Button Just below to Post Title
1. Log in to blogger account and Go to Design >> Edit HTML
(make sure backup your template first)
3. Add check mark in Expand Widget Templates.
4. Find this tag by using Ctrl+F <data:post.body/>
5. Paste below code before <data:post.body/> code
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
Cheers you are done.
with hover effect.So this buttons helps you to get
more visitors by sharing your post. Earlier i posted
about How to add "Add This" Social Bookmark Buttons.
This is more attractive than it. So, in this tutorial also
helps you to add this social bookmark button to
below post title and end of the post.Follow these
steps to add it to your blog.
1. Log in to blogger account and Go to Design >> Edit HTML
(make sure backup your template first)
3. Add check mark in Expand Widget Templates.
4. Find this tag by using Ctrl+F <data:post.body/>
5. Paste below code before <data:post.body/> code
<!-- AddThis Button bloggertrix.com -->
<span id="st_finder"></span>
<script type="text/javascript" src="http://w.sharethis.com/widget/stblogger2.js">
</script><script type="text/javascript">var switchTo5x=true;stBlogger2.init("http://w.sharethis.com/button/buttons.js",
{"facebook":["hcount","Facebook",""],"twitter":["hcount","Tweet",""],"googleplus":["hcount","Google +",""],"sharethis":
["hcount","ShareThis",""]} );var f = document.getElementById("st_finder");var c = f.parentNode.parentNode.childNodes;for
(i=0;i<c.length;i++) { try { c[i].style.display = "none"; } catch (err) {}}</script>Add Button To End of the Post6. 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 -->
<span id="st_finder"></span>
<script type="text/javascript" src="http://w.sharethis.com/widget/stblogger2.js">
</script><script type="text/javascript">var switchTo5x=true;stBlogger2.init("http://w.sharethis.com/button/buttons.js",
{"facebook":["hcount","Facebook",""],"twitter":["hcount","Tweet",""],"googleplus":["hcount","Google +",""],"sharethis":
["hcount","ShareThis",""]} );var f = document.getElementById("st_finder");var c = f.parentNode.parentNode.childNodes;for
(i=0;i<c.length;i++) { try { c[i].style.display = "none"; } catch (err) {}}</script>8. Now click Save Template.Cheers you are done.
0 comments:
Post a Comment