How does the Social Bookmarking helps ?
By adding these social bookmarking buttons/icons, either you or any of your reader can submit your article to these sites. Now when your article is listed here at these sites , there is a chance that you can get some visitors of millions using these social bookmarking sites.
So in addition to make your site look beautiful and professional these social bookmarking buttons/icons help you get more traffic to your site.
How to add these Social Bookmarking Icons/Buttons to my Blogger Blog after each post ?
Here's the step-by-step guide for you -
STEP I - Goto = Dashboard > Layout > Edit HTML > Expand Widget Templates
STEP II - Now find this in your template -
<head>
STEP III - Just add this after that tag -<script src='http://free.blogger.help.googlepages.com/socialbookmarks.js'></script>
So that it looks like this -<head><script src='http://free.blogger.help.googlepages.com/socialbookmarks.js'></script>
STEP I V- Now find this in you template -<p class='post-footer-line post-footer-line-3'>
STEP V- Add the following after this line -
<style type='text/css'>
.bookmark img { border: 0;
padding:0px; }
.bookmark a:hover {
position: relative;
top: 1px;
left: 1px; }
</style>
<span class='bookmark'>
<table align='left' border='0' cellpadding='0' width='100%'>
<tr>
<td style='vertical-align:middle' valign='middle' width='30%'>
<div expr:id='"sbtxt"+data:post.id'>Bookmark this post<a style="text-decoration:none;" href="http://www.blogtipsntricks.com">:</a></div><script type='text/javascript'>showsbtext("sbtxt" + "<data:post.id/>",0)</script>
</td>
<td>
<a rel="nofollow" expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",19);"' target='_blank'><img alt='StumpleUpon' src='http://2.bp.blogspot.com/_tbHfaj1A058/S5H2WJfeTxI/AAAAAAAAJOQ/jFC154y_EYs/s1600/icon_sb_stumb.gif'/></a> <a rel="nofollow" expr:href='"http://ma.gnolia.com/bookmarklet/add?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",6);"' target='_blank'><img alt='Ma.gnolia' border='0' src='http://2.bp.blogspot.com/_tbHfaj1A058/S5H2px8DsjI/AAAAAAAAJOY/n-6Nj1iVo9U/s1600/icon_sb_mag.gif'/></a>
<a rel="nofollow" expr:href='"http://digg.com/submit?phase=3&url=" + data:post.url' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",1);"' target='_blank'><img alt='DiggIt!' src='http://1.bp.blogspot.com/_tbHfaj1A058/S5H24Re438I/AAAAAAAAJOg/0gV5f5rWKdM/s1600/icon_sb_dig.gif'/></a> <a rel="nofollow" expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",2);"' target='_blank'><img alt='Del.icio.us' src='http://4.bp.blogspot.com/_tbHfaj1A058/S5H3LnJysWI/AAAAAAAAJOo/zECxYOEZArI/s1600/icon_sb_del.gif'/></a> <a rel="nofollow" expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&Title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",3);"' target='_blank'><img alt='Blinklist' src='http://1.bp.blogspot.com/_tbHfaj1A058/S5H3btojGDI/AAAAAAAAJOw/_kt78l6ibpk/s1600/icon_sb_bli.gif'/></a> <a rel="nofollow" expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",4);"' target='_blank'><img alt='Yahoo' src='http://2.bp.blogspot.com/_tbHfaj1A058/S5H3pWu5x6I/AAAAAAAAJO4/d6zq3Mm83xU/s1600/icon_sb_yah.gif'/></a> <a rel="nofollow" expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&t=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",8);"' target='_blank'><img alt='Furl' src='http://1.bp.blogspot.com/_tbHfaj1A058/S5H34lcn9CI/AAAAAAAAJPA/GbUdMU8vUTM/s1600/icon_sb_fur.gif'/></a> <a rel="nofollow" expr:href='"http://www.technorati.com/cosmos/search.html?url=" + data:post.url' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",9);"' target='_blank'><img alt='Technorati' src='http://3.bp.blogspot.com/_tbHfaj1A058/S5H4HPcXcSI/AAAAAAAAJPI/O5SZBFUH87U/s1600/icon_sb_tec.gif'/></a> <a rel="nofollow" expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",10);"' target='_blank'><img alt='Simpy' src='http://1.bp.blogspot.com/_tbHfaj1A058/S5H4ViWLv3I/AAAAAAAAJPQ/Bm9-uf6QbaA/s1600/icon_sb_sim.gif'/></a> <a rel="nofollow" expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",11);"' target='_blank'><img alt='Spurl' src='http://3.bp.blogspot.com/_tbHfaj1A058/S5H4lEdLV3I/AAAAAAAAJPY/Cx8YoV7uMvM/s1600/icon_sb_spu.gif'/></a> <a rel="nofollow" expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",17);"' target='_blank'><img alt='Reddit' src='http://4.bp.blogspot.com/_tbHfaj1A058/S5H4yzUJReI/AAAAAAAAJPg/k5p_ffCZz_k/s1600/icon_sb_red.gif'/></a> <a rel="nofollow" expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title="+data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",20);"' target='_blank'><img alt='Google' src='http://1.bp.blogspot.com/_tbHfaj1A058/S5H5BMIl4-I/AAAAAAAAJPo/1_s4M3pmuZ4/s1600/icon_sb_goo.gif'/></a>
</td>
</tr>
</table><br/>
</span>
STEP V- Now save template and check your blog, it should like the one I've in my blog here..bookmark img { border: 0;
padding:0px; }
.bookmark a:hover {
position: relative;
top: 1px;
left: 1px; }
</style>
<span class='bookmark'>
<table align='left' border='0' cellpadding='0' width='100%'>
<tr>
<td style='vertical-align:middle' valign='middle' width='30%'>
<div expr:id='"sbtxt"+data:post.id'>Bookmark this post<a style="text-decoration:none;" href="http://www.blogtipsntricks.com">:</a></div><script type='text/javascript'>showsbtext("sbtxt" + "<data:post.id/>",0)</script>
</td>
<td>
<a rel="nofollow" expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",19);"' target='_blank'><img alt='StumpleUpon' src='http://2.bp.blogspot.com/_tbHfaj1A058/S5H2WJfeTxI/AAAAAAAAJOQ/jFC154y_EYs/s1600/icon_sb_stumb.gif'/></a> <a rel="nofollow" expr:href='"http://ma.gnolia.com/bookmarklet/add?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",6);"' target='_blank'><img alt='Ma.gnolia' border='0' src='http://2.bp.blogspot.com/_tbHfaj1A058/S5H2px8DsjI/AAAAAAAAJOY/n-6Nj1iVo9U/s1600/icon_sb_mag.gif'/></a>
<a rel="nofollow" expr:href='"http://digg.com/submit?phase=3&url=" + data:post.url' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",1);"' target='_blank'><img alt='DiggIt!' src='http://1.bp.blogspot.com/_tbHfaj1A058/S5H24Re438I/AAAAAAAAJOg/0gV5f5rWKdM/s1600/icon_sb_dig.gif'/></a> <a rel="nofollow" expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",2);"' target='_blank'><img alt='Del.icio.us' src='http://4.bp.blogspot.com/_tbHfaj1A058/S5H3LnJysWI/AAAAAAAAJOo/zECxYOEZArI/s1600/icon_sb_del.gif'/></a> <a rel="nofollow" expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&Title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",3);"' target='_blank'><img alt='Blinklist' src='http://1.bp.blogspot.com/_tbHfaj1A058/S5H3btojGDI/AAAAAAAAJOw/_kt78l6ibpk/s1600/icon_sb_bli.gif'/></a> <a rel="nofollow" expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",4);"' target='_blank'><img alt='Yahoo' src='http://2.bp.blogspot.com/_tbHfaj1A058/S5H3pWu5x6I/AAAAAAAAJO4/d6zq3Mm83xU/s1600/icon_sb_yah.gif'/></a> <a rel="nofollow" expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&t=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",8);"' target='_blank'><img alt='Furl' src='http://1.bp.blogspot.com/_tbHfaj1A058/S5H34lcn9CI/AAAAAAAAJPA/GbUdMU8vUTM/s1600/icon_sb_fur.gif'/></a> <a rel="nofollow" expr:href='"http://www.technorati.com/cosmos/search.html?url=" + data:post.url' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",9);"' target='_blank'><img alt='Technorati' src='http://3.bp.blogspot.com/_tbHfaj1A058/S5H4HPcXcSI/AAAAAAAAJPI/O5SZBFUH87U/s1600/icon_sb_tec.gif'/></a> <a rel="nofollow" expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",10);"' target='_blank'><img alt='Simpy' src='http://1.bp.blogspot.com/_tbHfaj1A058/S5H4ViWLv3I/AAAAAAAAJPQ/Bm9-uf6QbaA/s1600/icon_sb_sim.gif'/></a> <a rel="nofollow" expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",11);"' target='_blank'><img alt='Spurl' src='http://3.bp.blogspot.com/_tbHfaj1A058/S5H4lEdLV3I/AAAAAAAAJPY/Cx8YoV7uMvM/s1600/icon_sb_spu.gif'/></a> <a rel="nofollow" expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",17);"' target='_blank'><img alt='Reddit' src='http://4.bp.blogspot.com/_tbHfaj1A058/S5H4yzUJReI/AAAAAAAAJPg/k5p_ffCZz_k/s1600/icon_sb_red.gif'/></a> <a rel="nofollow" expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title="+data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",20);"' target='_blank'><img alt='Google' src='http://1.bp.blogspot.com/_tbHfaj1A058/S5H5BMIl4-I/AAAAAAAAJPo/1_s4M3pmuZ4/s1600/icon_sb_goo.gif'/></a>
</td>
</tr>
</table><br/>
</span>
Feel free to comment if you like this post or if you are having any difficulty trying it.
Can you provide the current theme u r using for download for blogger Please ?
ReplyDelete