Social bookmarking elements after each blog post(includes Stumbleupon,Twitter,Facebook)
Update:-Facebook Icon Added
Social Bookmarking Icons for Blogger - The social bookmarking blogger widget will add neat social bookmarking icons below each of your posts so that your readers can bookmark your posts at various social bookmarking sites like digg,stumble,magnolia,delicious,google,yahoo etc.. This is the updated version of my previous post post on the same.. in this i have added a new stumble upon button.If you use this you will get the bookmarking icons after each blog post as you see on my blog here . To get this working on your blog do the following steps..
1)Goto Blogger Template>Edit HTML back up your template and expand the widget templates..
2)Now in your template find
</head>
<script src='http://blogger-plugins.googlecode.com/files/bkmrk_hover.js'></script>
<style type='text/css'> .bookmark img { border: 0; padding:0px; } .bookmark a:hover { position: relative; top: 1px; left: 1px; } </style>
<style type='text/css'> .bookmark img { border: 0; padding:0px; } .bookmark a:hover { position: relative; top: 1px; left: 1px; } </style>
3)Now find
<p class='post-footer-line post-footer-line-3'>
Or if that is not there then find
<div class='post-footer-line post-footer-line-3'>
and place the following code just below any of these lines[whichever is present in your template].
<!-- Social Bookmarking Icons Start www.bloggerplugins.org-->
<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:</div><script type='text/javascript'>showsbtext("sbtxt" + "<data:post.id/>",0)</script></td><td><a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.canonicalUrl + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",19);"' rel='nofollow' target='_blank'><img alt='StumpleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx_IvxRa4ER4F_u4NcwumYgYjKY_dDP95L48pjak9cztBWJRGAusLXzhkdb7UjMxCWUiJYxGyHgDxOnUtY_FAknaBKtOeKiG20yNMOm3vCLsZlou1OLtf8ICQUVW5dnnPkzUhM8Z8ZEPM/?imgmax=800'/></a> <a expr:href='"http://digg.com/submit?phase=3&url=" + data:post.canonicalUrl' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",1);"' rel='nofollow' target='_blank'><img alt='DiggIt!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJchXAaG8HsrrHQee0axo6LMT5ClEwYO9_1-EuICWgeGxtcbpsZxZKs9NP2KGOOnKTl1tPCd674Ji_8rL1PXZtEJdmGY2v6bOyAG7mgdPNanp1LaUer8DBiQIQV0uUM9V4pmGnRWRaONA/?imgmax=800'/></a> <a expr:href='"http://del.icio.us/post?url=" + data:post.canonicalUrl + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' rel='nofollow' target='_blank'><img alt='Del.icio.us' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK2-F5qGYNGlX9h55QqGVDFrM6pD40eXTHeq9lo1JSW2KFFpxsFIwn3qjY2_l4cXZ7JkMGHU1SoOBLokdhEPlU4ve2zxLAB6aTdfimPN7cDwQqABpA0vo7qp9KAVNeyGodw34_gFPocaA/?imgmax=800'/></a> <a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.canonicalUrl + "&Title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",3);"' rel='nofollow' target='_blank'><img alt='Blinklist' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAU3rHt6HF_2b0T0uNp6K3PU4kFkHIpJ2mso7OZeWL_ZJpWgLLPJxFioDN9cC6SRCNM7t1b1n_DZXCd04RliDhXAnfCV_CPpQMgnvKa8j52ohgtSQYyEjDYU0uIu1oSRoDxQoBvC0bSFw/?imgmax=800'/></a> <a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.canonicalUrl + "&=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",4);"' rel='nofollow' target='_blank'><img alt='Yahoo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjesAaaUowrQ-3LLWz1lO_46db36ec31omvw2F8u88WzFPblDt5mwf0KalVwZ_83qqNyaBJNnczu58w8IX2HWFa7_f6PaV4WY-UxF-pxTKi0IwqpFHfesSH1cVh39Hma5tkw2ZvTTiSUJo/?imgmax=800'/></a> <a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.canonicalUrl + "&t=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",8);"' rel='nofollow' target='_blank'><img alt='Furl' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu3iD8uh28RZYJNs7yqHg6JEF1UU1YsJMTIv1soRsZIq-8rsHG-BkNG2cjmKUfLY3afLehZCa84QkfoAB4pTbJwarrXOjZp0VPj-KBG-aX_58wYIZsymCFQCqj-ZUX8mqDQofISJu8ojQ/?imgmax=800'/></a> <a expr:href='"http://www.technorati.com/cosmos/search.html?url=" + data:post.canonicalUrl' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",9);"' rel='nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmsCDEpNHXK_dni6EdFe0vA4El2zlzAg48T1_vDOoo9l-MIDgsQTtHIKIoOzZoTtuIcZUIcoF2dXWtGSubgKV16jmpUfe6jCIfdwwJi5InbN8ihqF569nBHuQZ8J4pZ0iFiA644-tw4QY/?imgmax=800'/></a> <a expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.canonicalUrl + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",10);"' rel='nofollow' target='_blank'><img alt='Simpy' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_nYOYhcSmEboirS_j3TxfiqHe1tFLsLR27OAgLn5PVj4Z5vi8uJCxm9gV6Q6dt5nIFj9vKqK57yKwknpecjrOkjgAo7nZFR1C17mcROzsTzi2uWiCrVB8SZK4ePcdhWjhGxlUjDbjeGY/?imgmax=800'/></a> <a expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.canonicalUrl + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",11);"' rel='nofollow' target='_blank'><img alt='Spurl' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdfetjD8-5K01aVsMPTFAvbNEUJHPI7AYE6VaMsQWhZvEXy4o3xXcmW215rii4lE1ONEbmXwu08i4YxYRxu0KrcJA5mHb-DPKKQZ0S76k40En_kCC6x6E2jP462-UWHzbeMCqecdRYFzk/?imgmax=800'/></a> <a expr:href='"http://reddit.com/submit?url=" + data:post.canonicalUrl + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",17);"' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTm0lX4FJXezyJNNPARx78TJ2HIvcpD3w4N0gNU_N6QvGc8zrEfhadViqtK09xYvVSyguOThIZwzMRO2xg08bpaOfz-UiFylSBKpTEzQpGPtayJR7KBrrPCUnFOjOgGng2PC9hMiV6Pdc/?imgmax=800'/></a> <a expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.canonicalUrl + "&title="+data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",20);"' rel='nofollow' target='_blank'><img alt='Google' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLCu-HI8VxRj28kcGppV_uxYHZiIJxw9i_CAmpMVeVXcyoTpnvQbCgPfdaq7pO9Qg3Mm7C2lVuGcKiRsFssYKak2lJOaHQQXqC-Hebptt5GowMWw3Uc-GNreMfnLhm3_x9gZITqkKAc3k/?imgmax=800'/></a>
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&login=tweettrackjs&apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<a expr:href='"http://api.tweetmeme.com/share?url="+data:post.canonicalUrl' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",21);"' rel='nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj48AbvyE54AoO2jQYUJtD1AburQ2P8Xvv-bj9uCVD2G1DQUIeWKWnwipg5pHzbi8p5XFGoI28vDm8B5qLnqkWV4HzPbc63XZ6ktWFzKUbdRKKVdw4O3Kz-NhDx1ZkiaGaSMlPCLaMUVco/?imgmax=800'/></a> <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.canonicalUrl' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",22);"' rel='nofollow' target='_blank'><img alt='FaceBook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh36ei0qbaQn0dU0UPdPVWNZJZ6_sKO0MJxt0F0QBscuJMOtyDNYpsBgM3a85FHPwglD1hQlO4HVAZXGgo45aDTZLYe9J3XS3tgr83Ig85BfTVSsuGE2uWleclja_ggt7bh-uoRjQuWJyE/s400/fbicon.png'/></a>
</td>
</tr>
</table><br/>
</span>
<!-- Social Bookmarking Icons End www.bloggerplugins.org-->
if every thing went correctly you should get the bookmarking set on your blog.. and also some mouse over animation as you see on the icons below this post.. Now you can remove the unwanted buttons by removing the corresponding <a expr:href=....</a> tag.
You can also change the button images if you like.I am looking for some better bookmarking icons(especially for that stumbleUpon).If anybody has it please leave a comment here.
Credits to Beautiful Beta for this awesome JavaScript
0 comments
Post a Comment