Thursday, 23 July 2020

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('Webne
ws','','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/slash
dot.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; ; data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'/></li>
<li class='beauty-technorati'><a expr:href='&quot; ; data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'/></li>
<li class='beauty-reddit'><a expr:href='&quot; ; data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'/></li>
<li class='beauty-stumble'><a expr:href='&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; ; data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'/></li>
<li class='beauty-twitter'><a expr:href='&quot; ; data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'/></li>
<li class='beauty-furl'><a expr:href='&quot; ; data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'/></li>
<li class='beauty-syndicate'><a href='' 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.

No comments:

Post a Comment