Add Social Bookmarking Button

How to add Social Bookmarking Button in Blogger

This Article will tell you how to add Social Bookmarking Buttons in your Blog. First i will tell about chicklets and Badges for side then Badges for post.

Chicklets

These are small horizontal badges which include all bookmarking sites when visitor hover it or click it it opens and visitor chhose site to bookmark pages. There is some free sites which provide these services,what you have to do is register your self to them follow information. Here is two good sites (i) addthis.com (ii) gigya.com

 (i) About addthis --> In your account click Get Your Button at top, select type where you want to put this button example : Blogger,Website,wordpress etc, Select type of button, at this time there is 10 types, Click install to side  bar and choose blog or Copy and paste given code in widget in side bar.

(ii) Now about gigya --> In your account click Get Wildfire at top left side. Now chhose bookmark button from left menu, here you can choose gigya defaul button or enter image url what you want in Customized - Enter image URL: Box. Choose button behavior ,fill Bookmark title, Copy code from Grab Code and paste in side bar.
It consist of two step one to add code in CSS part  and second is Style sheet part. To add Code follow these steps.

Badges For Sidebar 

These are small badges of bookmarking sites which are open and not hidden by chicklets. To put badges in side bar copy and paste given code below in side bar widget.

<a style="text-decoration:none; font-size:11px; font-family:Arial; color: #2A4956;" target="_blank" href="http://www.social-bookmark-script.com/">Social Bookmarking</a><br/>
<div style="border-top-style:solid; padding-top:3px; border-top-width: 1px; border-top-color: #2A4956; float: left;">
<script language="JavaScript" type="text/JavaScript">
<!--
function Social_Load() {
var d=document; if(d.images){ if(!d.Social) d.Social=new Array();
var i,j=d.Social.length,a=Social_Load.arguments; for(i=0; i<a.length; i  )
if (a[i].indexOf("#")!=0){ d.Social[j]=new Image; d.Social[j  ].src=a[i];}}
}
Social_Load('http://www.social-bookmark-script.de/img/bookmarks/wong_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/webnews_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/icio_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/oneview_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/folkd_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/yigg_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/linkarena_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/bookmarksat_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/linksilo_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/readster_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/seekxl_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/favit_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/kledy_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/sbdk_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/boni_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/power_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/favoriten_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/bookmarkscc_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/newsider_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/digg_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/del_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/facebook_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/reddit_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/jumptags_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/simpy_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/stumbleupon_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/slashdot_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/propeller_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/furl_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/yahoo_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/spurl_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/google_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/blinklist_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/blogmarks_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/diigo_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/technorati_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/newsvine_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/blinkbits_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/ma.gnolia_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/smarking_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/netvouz_ani.gif','http://www.social-bookmark-script.de/img/bookmarks/what_ani.gif','http://www.social-bookmark-script.de/load.gif')
function schnipp() {
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i  ) x.src=x.oSrc;
}
function schnupp(n, d) {
  var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  d=parent.frames[n.substring(p 1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i  ) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i  ) x=schnupp(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
  }
function schnapp() {
  var i,j=0,x,a=schnapp.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i =3)
  if ((x=schnupp(a[i]))!=null){document.MM_sr[j  ]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i 2];}
  }
  //-->
</script>
<noscript><a href="http://www.social-bookmark-script.com/" target="_blank">Script Generator</a></noscript>
    <a style="text-decoration:none;" onmouseover="schnapp('wong','','http://www.social-bookmark-script.de/img/bookmarks/wong_ani.gif',1)" onmouseout="schnipp()" href="http://www.mister-wong.de/" rel="nofollow" onclick="window.open('http://www.mister-wong.de/index.php?action=addurl&amp;bm_url=' encodeURIComponent(location.href) '&amp;bm_notice=&amp;bm_description=' encodeURIComponent(document.title) '&amp;bm_tags=');return false;" title="Bookmark This Page Mr. Wong"> <img border="0" id="wong" style="padding-bottom:1px;" alt="Bookmark This Page Mr. Wong" src="http://www.social-bookmark-script.de/img/bookmarks/wong.gif" name="wong"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Webnews','','http://www.social-bookmark-script.de/img/bookmarks/webnews_ani.gif',1)" onmouseout="schnipp()" href="http://www.webnews.de/" rel="nofollow" onclick="window.open('http://www.webnews.de/einstellen?url=' encodeURIComponent(document.location) '&amp;title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Webnews"> <img border="0" id="Webnews" style="padding-bottom:1px;" alt="Bookmark This Page Webnews" src="http://www.social-bookmark-script.de/img/bookmarks/webnews.gif" name="Webnews"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Icio','','http://www.social-bookmark-script.de/img/bookmarks/icio_ani.gif',1)" onmouseout="schnipp()" href="http://www.icio.de/" rel="nofollow" onclick="window.open('http://www.icio.de/add.php?url=' encodeURIComponent(location.href));return false;" title="Bookmark This Page Icio"> <img border="0" id="Icio" style="padding-bottom:1px;" alt="Bookmark This Page Icio" src="http://www.social-bookmark-script.de/img/bookmarks/icio.gif" name="Icio"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Oneview','','http://www.social-bookmark-script.de/img/bookmarks/oneview_ani.gif',1)" onmouseout="schnipp()" href="http://www.oneview.de/" rel="nofollow" onclick="window.open('http://www.oneview.de/quickadd/neu/addBookmark.jsf?URL=' encodeURIComponent(location.href) '&amp;title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Oneview"> <img border="0" id="Oneview" style="padding-bottom:1px;" alt="Bookmark This Page Oneview" src="http://www.social-bookmark-script.de/img/bookmarks/oneview.gif" name="Oneview"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Linkarena','','http://www.social-bookmark-script.de/img/bookmarks/linkarena_ani.gif',1)" onmouseout="schnipp()" href="http://www.linkarena.com/" rel="nofollow" onclick="window.open('http://linkarena.com/bookmarks/addlink/?url=' encodeURIComponent(location.href) '&amp;title=' encodeURIComponent(document.title) '&amp;desc=&amp;tags=');return false;" title="Bookmark This Page Linkarena"> <img border="0" id="Linkarena" style="padding-bottom:1px;" alt="Bookmark This Page Linkarena" src="http://www.social-bookmark-script.de/img/bookmarks/linkarena.gif" name="Linkarena"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Favoriten','','http://www.social-bookmark-script.de/img/bookmarks/favoriten_ani.gif',1)" onmouseout="schnipp()" href="http://www.favoriten.de/" rel="nofollow" onclick="window.open('http://www.favoriten.de/url-hinzufuegen.html?bm_url=' encodeURIComponent(location.href) '&amp;bm_title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Favoriten"> <img border="0" id="Favoriten" style="padding-bottom:1px;" alt="Bookmark This Page Favoriten" src="http://www.social-bookmark-script.de/img/bookmarks/favoriten.gif" name="Favoriten"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Seekxl','','http://www.social-bookmark-script.de/img/bookmarks/seekxl_ani.gif',1)" onmouseout="schnipp()" href="http://social-bookmarking.seekxl.de/" rel="nofollow" onclick="window.open('http://social-bookmarking.seekxl.de/?add_url=' encodeURIComponent(location.href) '&amp;title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Seekxl"> <img border="0" id="Seekxl" style="padding-bottom:1px;" alt="Bookmark This Page Seekxl" src="http://www.social-bookmark-script.de/img/bookmarks/seekxl.gif" name="Seekxl"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Kledy','','http://www.social-bookmark-script.de/img/bookmarks/kledy_ani.gif',1)" onmouseout="schnipp()" href="http://www.kledy.de/" rel="nofollow" onclick="window.open('http://www.kledy.de/submit.php?url=' (document.location.href));return false;" title="Bookmark This Page Kledy.de"> <img border="0" id="Kledy" style="padding-bottom:1px;" alt="Bookmark This Page Kledy.de" src="http://www.social-bookmark-script.de/img/bookmarks/kledy.gif" name="Kledy"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Sbdk','','http://www.social-bookmark-script.de/img/bookmarks/sbdk_ani.gif',1)" onmouseout="schnipp()" href="http://www.social-bookmarking.dk/" rel="nofollow" onclick="window.open('http://www.social-bookmarking.dk/bookmarks/?action=add&amp;title=' encodeURIComponent(document.title) '&amp;address=' (document.location.href));return false;" title="Bookmark This Page Social Bookmarking Tool"> <img border="0" id="Sbdk" style="padding-bottom:1px;" alt="Bookmark This Page Social Bookmarking Tool" src="http://www.social-bookmark-script.de/img/bookmarks/sbdk.gif" name="Sbdk"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Boni','','http://www.social-bookmark-script.de/img/bookmarks/boni_ani.gif',1)" onmouseout="schnipp()" href="http://www.bonitrust.de/" rel="nofollow" onclick="window.open('http://www.bonitrust.de/account/bookmark/?bookmark_url='  unescape(location.href));return false;" title="Bookmark This Page BoniTrust"> <img border="0" id="Boni" style="padding-bottom:1px;" alt="Bookmark This Page BoniTrust" src="http://www.social-bookmark-script.de/img/bookmarks/boni.gif" name="Boni"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Power','','http://www.social-bookmark-script.de/img/bookmarks/power_ani.gif',1)" onmouseout="schnipp()" href="http://www.power-oldie.com/" rel="nofollow" onclick="window.open('http://www.power-oldie.com/');return false;" title="Bookmark This Page Power Oldie"> <img border="0" id="Power" style="padding-bottom:1px;" alt="Bookmark This Page Power Oldie" src="http://www.social-bookmark-script.de/img/bookmarks/power.gif" name="Power"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Bookmarkscc','','http://www.social-bookmark-script.de/img/bookmarks/bookmarkscc_ani.gif',1)" onmouseout="schnipp()" href="http://www.bookmarks.cc/" rel="nofollow" onclick="window.open('http://www.bookmarks.cc/bookmarken.php?action=neu&amp;url=' (document.location.href) '&amp;title=' (document.title));return false;" title="Bookmark This Page Bookmarks.cc"> <img border="0" id="Bookmarkscc" style="padding-bottom:1px;" alt="Bookmark This Page Bookmarks.cc" src="http://www.social-bookmark-script.de/img/bookmarks/bookmarkscc.gif" name="Bookmarkscc"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Favit','','http://www.social-bookmark-script.de/img/bookmarks/favit_ani.gif',1)" onmouseout="schnipp()" href="http://www.favit.de/" onclick="window.open('http://www.favit.de/submit.php?url=' (document.location.href));return false;" title="Bookmark This Page Favit"> <img border="0" id="Favit" style="padding-bottom:1px;" alt="Bookmark This Page Favit" src="http://www.social-bookmark-script.de/img/bookmarks/favit.gif" name="Favit"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('bookmarksat','','http://www.social-bookmark-script.de/img/bookmarks/bookmarksat_ani.gif',1)" onmouseout="schnipp()" href="http://www.bookmarks.at/" rel="nofollow" onclick="window.open('http://www.bookmarks.at/');return false;" title="Bookmark This Page Bookmarks.at"> <img border="0" id="bookmarksat" style="padding-bottom:1px;" alt="Bookmark This Page Bookmarks.at" src="http://www.social-bookmark-script.de/img/bookmarks/bookmarksat.gif" name="bookmarksat"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Newsider','','http://www.social-bookmark-script.de/img/bookmarks/newsider_ani.gif',1)" onmouseout="schnipp()" href="http://www.newsider.de/" rel="nofollow" onclick="window.open('http://www.newsider.de/submit.php?url=' (document.location.href));return false;" title="Bookmark This Page Newsider"> <img border="0" id="Newsider" style="padding-bottom:1px;" alt="Bookmark This Page Newsider" src="http://www.social-bookmark-script.de/img/bookmarks/newsider.gif" name="Newsider"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Linksilo','','http://www.social-bookmark-script.de/img/bookmarks/linksilo_ani.gif',1)" onmouseout="schnipp()" href="http://www.linksilo.de" rel="nofollow" onclick="window.open('http://www.linksilo.de/index.php?area=bookmarks&amp;func=bookmark_new&amp;addurl=' encodeURIComponent(location.href) '&amp;addtitle=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Linksilo"> <img border="0" id="Linksilo" style="padding-bottom:1px;" alt="Bookmark This Page Linksilo" src="http://www.social-bookmark-script.de/img/bookmarks/linksilo.gif" name="Linksilo"/></a>
        <a style="text-decoration:none;" onmouseover="schnapp('Readster','','http://www.social-bookmark-script.de/img/bookmarks/readster_ani.gif',1)" onmouseout="schnipp()" href="http://www.readster.de/" rel="nofollow" onclick="window.open('http://www.readster.de/submit/?url=' encodeURIComponent(document.location) '&amp;title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Readster"> <img border="0" id="Readster" style="padding-bottom:1px;" alt="Bookmark This Page Readster" src="http://www.social-bookmark-script.de/img/bookmarks/readster.gif" name="Readster"/></a>
        <a style="text-decoration:none;" onmouseover="schnapp('Folkd','','http://www.social-bookmark-script.de/img/bookmarks/folkd_ani.gif',1)" onmouseout="schnipp()" href="http://www.folkd.com/" rel="nofollow" onclick="window.open('http://www.folkd.com/submit/' (dokument.location.href));return false;" title="Bookmark This Page Folkd"> <img border="0" id="Folkd" style="padding-bottom:1px;" alt="Bookmark This Page Folkd" src="http://www.social-bookmark-script.de/img/bookmarks/folkd.gif" name="Folkd"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Yigg','','http://www.social-bookmark-script.de/img/bookmarks/yigg_ani.gif',1)" onmouseout="schnipp()" href="http://yigg.de/" rel="nofollow" onclick="window.open('http://yigg.de/neu?exturl=' encodeURIComponent(location.href));return false" title="Bookmark This Page Yigg"> <img border="0" id="Yigg" style="padding-bottom:1px;" alt="Bookmark This Page Yigg" src="http://www.social-bookmark-script.de/img/bookmarks/yigg.gif" name="Yigg"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Digg','','http://www.social-bookmark-script.de/img/bookmarks/digg_ani.gif',1)" onmouseout="schnipp()" href="http://digg.com/" rel="nofollow" onclick="window.open('http://digg.com/submit?phase=2&amp;url=' encodeURIComponent(location.href) '&amp;bodytext=&amp;tags=&amp;title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Digg"> <img border="0" id="Digg" style="padding-bottom:1px;" alt="Bookmark This Page Digg" src="http://www.social-bookmark-script.de/img/bookmarks/digg.gif" name="Digg"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Delicious','','http://www.social-bookmark-script.de/img/bookmarks/del_ani.gif',1)" onmouseout="schnipp()" href="http://del.icio.us/" rel="nofollow" onclick="window.open('http://del.icio.us/post?v=2&amp;url=' encodeURIComponent(location.href) '&amp;notes=&amp;tags=&amp;title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Del.icio.us"> <img border="0" id="Delicious" style="padding-bottom:1px;" alt="Bookmark This Page Del.icio.us" src="http://www.social-bookmark-script.de/img/bookmarks/del.gif" name="Delicious"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Facebook','','http://www.social-bookmark-script.de/img/bookmarks/facebook_ani.gif',1)" onmouseout="schnipp()" href="http://www.facebook.com/" rel="nofollow" onclick="window.open('http://www.facebook.com/sharer.php?u=' encodeURIComponent(location.href) '&amp;t=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Facebook"> <img border="0" id="Facebook" style="padding-bottom:1px;" alt="Bookmark This Page Facebook" src="http://www.social-bookmark-script.de/img/bookmarks/facebook.gif" name="Facebook"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Reddit','','http://www.social-bookmark-script.de/img/bookmarks/reddit_ani.gif',1)" onmouseout="schnipp()" href="http://reddit.com/" rel="nofollow" onclick="window.open('http://reddit.com/submit?url=' encodeURIComponent(location.href) '&amp;title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Reddit"> <img border="0" id="Reddit" style="padding-bottom:1px;" alt="Bookmark This Page Reddit" src="http://www.social-bookmark-script.de/img/bookmarks/reddit.gif" name="Reddit"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Jumptags','','http://www.social-bookmark-script.de/img/bookmarks/jumptags_ani.gif',1)" onmouseout="schnipp()" href="http://www.jumptags.com/" rel="nofollow" onclick="window.open('http://www.jumptags.com/add/?url=' encodeURIComponent(location.href) '&amp;title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Jumptags"> <img border="0" id="Jumptags" style="padding-bottom:1px;" alt="Bookmark This Page Jumptags" src="http://www.social-bookmark-script.de/img/bookmarks/jumptags.gif" name="Jumptags"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Simpy','','http://www.social-bookmark-script.de/img/bookmarks/simpy_ani.gif',1)" onmouseout="schnipp()" href="http://www.simpy.com/" rel="nofollow" onclick="window.open('http://www.simpy.com/simpy/LinkAdd.do?title=' encodeURIComponent(document.title) '&amp;tags=&amp;note=&amp;href=' encodeURIComponent(location.href));return false;" title="Bookmark This Page Simpy"> <img border="0" id="Simpy" style="padding-bottom:1px;" alt="Bookmark This Page Simpy" src="http://www.social-bookmark-script.de/img/bookmarks/simpy.gif" name="Simpy"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('StumbleUpon','','http://www.social-bookmark-script.de/img/bookmarks/stumbleupon_ani.gif',1)" onmouseout="schnipp()" href="http://www.stumbleupon.com/" rel="nofollow" onclick="window.open('http://www.stumbleupon.com/submit?url=' encodeURIComponent(location.href) '&amp;title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page StumbleUpon"> <img border="0" id="StumbleUpon" style="padding-bottom:1px;" alt="Bookmark This Page StumbleUpon" src="http://www.social-bookmark-script.de/img/bookmarks/stumbleupon.gif" name="StumbleUpon"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Slashdot','','http://www.social-bookmark-script.de/img/bookmarks/slashdot_ani.gif',1)" onmouseout="schnipp()" href="http://slashdot.org/" rel="nofollow" onclick="window.open('http://slashdot.org/bookmark.pl?url=' encodeURIComponent(location.href) '&amp;title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Slashdot"> <img border="0" id="Slashdot" style="padding-bottom:1px;" alt="Bookmark This Page Slashdot" src="http://www.social-bookmark-script.de/img/bookmarks/slashdot.gif" name="Slashdot"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Propeller','','http://www.social-bookmark-script.de/img/bookmarks/propeller_ani.gif',1)" onmouseout="schnipp()" href="http://www.propeller.com/" rel="nofollow" onclick="window.open('http://www.propeller.com/submit/?U=' encodeURIComponent(location.href) '&amp;T=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Propeller"> <img border="0" id="Propeller" style="padding-bottom:1px;" alt="Bookmark This Page Propeller" src="http://www.social-bookmark-script.de/img/bookmarks/propeller.gif" name="Propeller"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Furl','','http://www.social-bookmark-script.de/img/bookmarks/furl_ani.gif',1)" onmouseout="schnipp()" href="http://www.furl.net/" rel="nofollow" onclick="window.open('http://www.furl.net/storeIt.jsp?u=' encodeURIComponent(location.href) '&amp;keywords=&amp;t=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Furl"> <img border="0" id="Furl" style="padding-bottom:1px;" alt="Bookmark This Page Furl" src="http://www.social-bookmark-script.de/img/bookmarks/furl.gif" name="Furl"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Yahoo','','http://www.social-bookmark-script.de/img/bookmarks/yahoo_ani.gif',1)" onmouseout="schnipp()" href="http://www.yahoo.com/" rel="nofollow" onclick="window.open('http://myweb2.search.yahoo.com/myresults/bookmarklet?t=' encodeURIComponent(document.title) '&amp;d=&amp;tag=&amp;u=' encodeURIComponent(location.href));return false;" title="Bookmark This Page Yahoo"> <img border="0" id="Yahoo" style="padding-bottom:1px;" alt="Bookmark This Page Yahoo" src="http://www.social-bookmark-script.de/img/bookmarks/yahoo.gif" name="Yahoo"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Spurl','','http://www.social-bookmark-script.de/img/bookmarks/spurl_ani.gif',1)" onmouseout="schnipp()" href="http://www.spurl.net/" rel="nofollow" onclick="window.open('http://www.spurl.net/spurl.php?v=3&amp;tags=&amp;title=' encodeURIComponent(document.title) '&amp;url=' encodeURIComponent(document.location.href));return false;" title="Bookmark This Page Spurl"> <img border="0" id="Spurl" style="padding-bottom:1px;" alt="Bookmark This Page Spurl" src="http://www.social-bookmark-script.de/img/bookmarks/spurl.gif" name="Spurl"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Google','','http://www.social-bookmark-script.de/img/bookmarks/google_ani.gif',1)" onmouseout="schnipp()" href="http://www.google.com/" rel="nofollow" onclick="window.open('http://www.google.com/bookmarks/mark?op=add&amp;hl=de&amp;bkmk=' encodeURIComponent(location.href) '&amp;annotation=&amp;labels=&amp;title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Google"> <img border="0" id="Google" style="padding-bottom:1px;" alt="Bookmark This Page Google" src="http://www.social-bookmark-script.de/img/bookmarks/google.gif" name="Google"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Blinklist','','http://www.social-bookmark-script.de/img/bookmarks/blinklist_ani.gif',1)" onmouseout="schnipp()" href="http://www.blinklist.com/" rel="nofollow" onclick="window.open('http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Tag=&amp;Url=' encodeURIComponent(location.href) '&amp;Title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Blinklist"> <img border="0" id="Blinklist" style="padding-bottom:1px;" alt="Bookmark This Page Blinklist" src="http://www.social-bookmark-script.de/img/bookmarks/blinklist.gif" name="Blinklist"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Blogmarks','','http://www.social-bookmark-script.de/img/bookmarks/blogmarks_ani.gif',1)" onmouseout="schnipp()" href="http://blogmarks.net/" rel="nofollow" onclick="window.open('http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=' encodeURIComponent(location.href) '&amp;content=&amp;public-tags=&amp;title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Blogmarks"> <img border="0" id="Blogmarks" style="padding-bottom:1px;" alt="Bookmark This Page Blogmarks" src="http://www.social-bookmark-script.de/img/bookmarks/blogmarks.gif" name="Blogmarks"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Diigo','','http://www.social-bookmark-script.de/img/bookmarks/diigo_ani.gif',1)" onmouseout="schnipp()" href="http://www.diigo.com/" rel="nofollow" onclick="window.open('http://www.diigo.com/post?url=' encodeURIComponent(location.href) '&amp;title=' encodeURIComponent(document.title) '&amp;tag=&amp;comments='); return false;" title="Bookmark This Page Diigo"> <img border="0" id="Diigo" style="padding-bottom:1px;" alt="Bookmark This Page Diigo" src="http://www.social-bookmark-script.de/img/bookmarks/diigo.gif" name="Diigo"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Technorati','','http://www.social-bookmark-script.de/img/bookmarks/technorati_ani.gif',1)" onmouseout="schnipp()" href="http://www.technorati.com/" rel="nofollow" onclick="window.open('http://technorati.com/faves?add=' encodeURIComponent(location.href) '&amp;tag=');return false;" title="Bookmark This Page Technorati"> <img border="0" id="Technorati" style="padding-bottom:1px;" alt="Bookmark This Page Technorati" src="http://www.social-bookmark-script.de/img/bookmarks/technorati.gif" name="Technorati"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Newsvine','','http://www.social-bookmark-script.de/img/bookmarks/newsvine_ani.gif',1)" onmouseout="schnipp()" href="http://www.newsvine.com/" rel="nofollow" onclick="window.open('http://www.newsvine.com/_wine/save?popoff=1&amp;u=' encodeURIComponent(location.href) '&amp;tags=&amp;blurb=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Newsvine"> <img border="0" id="Newsvine" style="padding-bottom:1px;" alt="Bookmark This Page Newsvine" src="http://www.social-bookmark-script.de/img/bookmarks/newsvine.gif" name="Newsvine"/> </a>
       
        <a style="text-decoration:none;" onmouseover="schnapp('MaGnolia','','http://www.social-bookmark-script.de/img/bookmarks/ma.gnolia_ani.gif',1)" onmouseout="schnipp()" href="http://ma.gnolia.com/" rel="nofollow" onclick="window.open('http://ma.gnolia.com/bookmarklet/add?url=' encodeURIComponent(location.href) '&amp;title=' encodeURIComponent(document.title) '&amp;description=&amp;tags=');return false;" title="Bookmark This Page Ma.Gnolia"> <img border="0" id="MaGnolia" style="padding-bottom:1px;" alt="Bookmark This Page Ma.Gnolia" src="http://www.social-bookmark-script.de/img/bookmarks/ma.gnolia.gif" name="MaGnolia"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Smarking','','http://www.social-bookmark-script.de/img/bookmarks/smarking_ani.gif',1)" onmouseout="schnipp()" href="http://smarking.com/" rel="nofollow" onclick="window.open('http://smarking.com/editbookmark/?url='  location.href  '&amp;description=&amp;tags=');return false;" title="Bookmark This Page Smarking"> <img border="0" id="Smarking" style="padding-bottom:1px;" alt="Bookmark This Page Smarking" src="http://www.social-bookmark-script.de/img/bookmarks/smarking.gif" name="Smarking"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Netvouz','','http://www.social-bookmark-script.de/img/bookmarks/netvouz_ani.gif',1)" onmouseout="schnipp()" href="http://www.netvouz.com/" rel="nofollow" onclick="window.open('http://www.netvouz.com/action/submitBookmark?url=' encodeURIComponent(location.href) '&amp;description=&amp;tags=&amp;title=' encodeURIComponent(document.title) '&amp;popup=yes');return false;" title="Bookmark This Page Netvouz"> <img border="0" id="Netvouz" style="padding-bottom:1px;" alt="Bookmark This Page Netvouz" src="http://www.social-bookmark-script.de/img/bookmarks/netvouz.gif" name="Netvouz"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Information','','http://www.social-bookmark-script.de/img/bookmarks/what_ani.gif',1)" onmouseout="schnipp()" href="http://www.social-bookmark-script.de/social.bookmarking.htm" target="_Blank" rel="nofollow" title="Information"> <img border="0" id="Information" style="padding-bottom:1px;" alt="Information" src="http://www.social-bookmark-script.de/img/bookmarks/what.gif" name="Information"/> </a></div>

Note ; Some Bookmarking Sites are in Detuch.

Badges For Post :

  

These are include in post at the end of each post. For automatic inclusion we have to edit template and paste code in it.

1. Login your blogger account.
2. Go to html section through layout. Backup your existing Template before adding code for restore if you want back your format like before.For download  click Download Full Template and save on your hard drive.
 3. Now in this part here i am  mentioning about two types Static Badges and Auto Hidden Badges.We first discuss about static badges and then Auto hidden badges code.

Static Badges :

4. Mark Box Expand Widget Templates in your right side.
5. In your template find this line <b:include data='post' name='postQuickEdit'/> by pressing ctrl+f from keyboard and paste this link in popup box.
6. Copy and paste give code below in box just after this line like in code box. and if  in your template it appears above then paste it just below this line <data:post.body/>

<b:include data='post' name='postQuickEdit'/>
<!-- Social Bookmarking Icons Start  www.indian-blogs.com-->
<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='&quot;sbtxt&quot; data:post.id'>Bookmark this post:<span style='display:none'><a href='http:// http:// www.indian-blogs.com '>Bloggerwidgets</a> <a href=' www.indian-blogs.com '>Social Bookmarking   Blogger Widget</a></span></div><script type='text/javascript'>showsbtext(&quot;sbtxt&quot;   &quot;<data:post.id/>&quot;,0)</script></td><td><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,19);&quot;' rel='nofollow' target='_blank'><img alt='StumpleUpon' src='http://files.bloggerplugins.org/icon_sb_stumb.gif'/></a> <a expr:href='&quot;http://ma.gnolia.com/bookmarklet/add?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,6);&quot;' rel='nofollow' target='_blank'><img alt='Ma.gnolia' border='0' src='http://files.bloggerplugins.org/icon_sb_mag.gif'/></a>
 <a expr:href='&quot;http://digg.com/submit?phase=3&amp;url=&quot;   data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,1);&quot;' rel='nofollow' target='_blank'><img alt='DiggIt!' src='http://files.bloggerplugins.org/icon_sb_dig.gif'/></a> <a expr:href='&quot;http://del.icio.us/post?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,2);&quot;' rel='nofollow' target='_blank'><img alt='Del.icio.us' src='http://files.bloggerplugins.org/icon_sb_del.gif'/></a> <a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot;   data:post.url   &quot;&amp;Title=&quot;   data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,3);&quot;' rel='nofollow' target='_blank'><img alt='Blinklist' src='http://files.bloggerplugins.org/icon_sb_bli.gif'/></a>  <a expr:href='&quot;http://www.furl.net/storeIt.jsp?u=&quot;   data:post.url   &quot;&amp;t=&quot;   data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,8);&quot;' rel='nofollow' target='_blank'><img alt='Furl' src='http://files.bloggerplugins.org/icon_sb_fur.gif'/></a> <a expr:href='&quot;http://www.technorati.com/cosmos/search.html?url=&quot;   data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,9);&quot;' rel='nofollow' target='_blank'><img alt='Technorati' src='http://files.bloggerplugins.org/icon_sb_tec.gif'/></a> <a expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,10);&quot;' rel='nofollow' target='_blank'><img alt='Simpy' src='http://files.bloggerplugins.org/icon_sb_sim.gif'/></a> <a expr:href='&quot;http://www.spurl.net/spurl.php?url=&quot;   data:post.url   &quot;&amp;title=&quot;    data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,11);&quot;' rel='nofollow' target='_blank'><img alt='Spurl' src='http://files.bloggerplugins.org/icon_sb_spu.gif'/></a> <a expr:href='&quot;http://reddit.com/submit?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,17);&quot;' rel='nofollow' target='_blank'><img alt='Reddit' src='http://files.bloggerplugins.org/icon_sb_red.gif'/></a> <a expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;   data:post.url    &quot;&amp;title=&quot; data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot;   data:post.id   &quot;\&quot;,20);&quot;' rel='nofollow' target='_blank'><img alt='Google' src='http://files.bloggerplugins.org/icon_sb_goo.gif'/></a>
</td>
</tr>
</table><br/>
</span>
<!-- Social Bookmarking Icons End  www.indian-blogs.com -->

Auto Hidden Bookmark Badges :

These type of badges always remain hidden but on mouse over they show. Adding code for this is slightly diffrent than static badges, actually we have to modify template in two parts CSS and Style sheet.

1. Now for adding code go to your template as above, make its backup.
2.  Find this tag in blue in to html sheet </head> easy way is to press ctrl+f and paste in search box and find.
3. Copy and paste give code 'in box below' just "above it" like in box below.

<style type='text/css'>
div.beauty-bookmarks {
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom;
position:relative;
width:540px;
}


div.beauty-bookmarks span.beauty-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}


div.beauty-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}


div.beauty-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}


div.beauty-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}


.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-yahoo, .beauty-yahoo:hover, .beauty-blinklist, .beauty-blinklist:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-myspace, .beauty-myspace:hover, .beauty-mixx, .beauty-mixx:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover, .beauty-syndicate, .beauty-syndicate:hover, .beauty-email, .beauty-email:hover {
background:url('http://i44.tinypic.com/1znbj83.png') no-repeat !important;
}


.beauty-furl {
background-position:-300px top !important;
}
.beauty-furl:hover {
background-position:-300px bottom !important;
}
.beauty-digg {
background-position:-500px top !important;
}
.beauty-digg:hover {
background-position:-500px bottom !important;
}
.beauty-reddit {
background-position:-100px top !important;
}
.beauty-reddit:hover {
background-position:-100px bottom !important;
}
.beauty-stumble {
background-position:-50px top !important;
}
.beauty-stumble:hover {
background-position:-50px bottom !important;
}
.beauty-delicious {
background-position:left top !important;
}
.beauty-delicious:hover {
background-position:left bottom !important;
}
.beauty-yahoo {
background-position:-650px top !important;
}
.beauty-yahoo:hover {
background-position:-650px bottom !important;
}
.beauty-blinklist {
background-position:-600px top !important;
}
.beauty-blinklist:hover {
background-position:-600px bottom !important;
}
.beauty-technorati {
background-position:-700px top !important;
}
.beauty-technorati:hover {
background-position:-700px bottom !important;
}
.beauty-myspace {
background-position:-200px top !important;
}
.beauty-myspace:hover {
background-position:-200px bottom !important;
}
.beauty-twitter {
background-position:-350px top !important;
}
.beauty-twitter:hover {
background-position:-350px bottom !important;
}
.beauty-facebook {
background-position:-450px top !important;
}
.beauty-facebook:hover {
background-position:-450px bottom !important;
}
.beauty-mixx {
background-position:-250px top !important;
}
.beauty-mixx:hover {
background-position:-250px bottom !important;
}
.beauty-script-style {
background-position:-400px top !important;
}
.beauty-script-style:hover {
background-position:-400px bottom !important;
}
.beauty-designfloat {
background-position:-550px top !important;
}
.beauty-designfloat:hover {
background-position:-550px bottom !important;
}
.beauty-syndicate {
background-position:-150px top !important;
}
.beauty-syndicate:hover {
background-position:-150px bottom !important;
}
.beauty-email {
background-position:-753px top !important;
}
.beauty-email:hover {
background-position:-753px bottom !important;
}


</style>

4. Now came to second part that is style sheet. Now find out this code in red in template <data:post.body/>
5. Now copy and paste given code in box below just after it like in box.

<b:if cond='data:blog.pageType == "item"'>
<div class='beauty-bookmarks'>
<ul class='socials'>
<li class='beauty-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'/></li>
<li class='beauty-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'/></li>
<li class='beauty-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'/></li>
<li class='beauty-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'/></li>
<li class='beauty-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'/></li>
<li class='beauty-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'/></li>
<li class='beauty-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'/></li>
<li class='beauty-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'/></li>
<li class='beauty-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'/></li>
<li class='beauty-syndicate'><a href='http://feeds2.feedburner.com/Discussionportal' title='Subscribe to RSS'/></li>
<li class='beauty-email'><a expr:href='&quot; mailto:?subject=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'/></li>
</ul>
<span class='beauty-rightside'/></div>
</b:if>

6. You can change the feed code in yellow color above with your feed code.This is feedburner code, you can get more information here.

Share: