Actually, what are the advantages of those buttons? They function to ease you as the blog owner and visitors who want to submit into certain social bookmarking based on the available logo.
If you are interested in adding social bookmarking button but still don’t know how, please read the steps below.
- Login into blogger with your ID
- Click Layout
- Click Edit HTML tab
- Click Download full Template. Please back up your template first.
- Please mark the little box beside Expand Widget Templates. Wait for a moment.
-
Find this code ]]></b:skin>
-
Copy and paste the following code right above ]]></b:skin>
.bookmark{ padding:0px; margin-top:15px; background:#ddd; } .bookmark a:hover { position: relative; top: 1px; left: 1px; } .bookmark img { border: 0; padding:0px; margin-top:15px; }
- Find this code </head>
- Copy and paste the following code right above </head>
<script type='text/javascript'>
//<![CDATA[ // Beautiful Beta Javascript Library // ------------------------------------------- // Version: 1.04 // Date: 2006-12-21 // Website: http://greatsalesstrategy.blogspot.com // -------------------------------------------
function showsbtext(id,index) { var bookmarktext=document.getElementById(id); var sbValues= new Array(); sbValues[0] = 'Bookmark this post:'; sbValues[1] = 'Add to <strong>Digg</strong>'; sbValues[2] = 'Add to <strong>Delicious</strong>'; sbValues[3] = 'Add to <strong>Blinklist</strong>'; sbValues[4] = 'Add to <strong>Yahoo Web</strong>'; sbValues[5] = 'Add to <strong>Netvouz</strong>'; sbValues[6] = 'Add to <strong>Ma.gnolia</strong>'; sbValues[7] = 'Add to <strong>Fark</strong>'; sbValues[8] = 'Add to <strong>Furl</strong>'; sbValues[9] = 'Add to <strong>Technorati</strong>'; sbValues[10] = 'Add to <strong>Simpy</strong>'; sbValues[11] = 'Add to <strong>Spurl</strong>'; sbValues[12] = 'Add to <strong>Newsvine</strong>'; sbValues[13] = 'Add to <strong>Blinkbits</strong>'; sbValues[14] = 'Add to <strong>Smarkings</strong>'; sbValues[15] = 'Add to <strong>Segnalo</strong>'; sbValues[16] = 'Add to <strong>De.lirio.us</strong>'; sbValues[17] = 'Add to <strong>Reddit</strong>'; sbValues[18] = 'Add to <strong>Wists</strong>'; sbValues[19] = 'Add to <strong>Google</strong>'; sbValues[20] = 'Add to <strong>Stumbleupon</strong>'; document.getElementById(bookmarktext.id).innerHTML = sbValues[index]; }
function getPostTitle(fullpath) { var splitinput = fullpath.split("/"); var lastpart = splitinput[5]; var linktext = lastpart.split(".html"); var postlink = fullpath.split("#"); var outputstring = linktext[0].replace(/-/g," "); outputstring = "\"" + outputstring + "\""; outputstring = outputstring.link(postlink[0]); document.write(outputstring); return; }
function getCommentLink(clink) { var splitinput = clink.split("#"); var commentlink = splitinput[0]; commentlink = commentlink.concat("#comment-",splitinput[1]); var outputstring = "(more)"; outputstring= outputstring.link(commentlink); document.write(outputstring); }
function showrecentcomments(json) { for (var i = 0; i < numcomments; i++) { var entry = json.feed.entry[i]; var alturl;
if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } alturl = alturl.replace("#", "#comment-"); var postlink = alturl.split("#"); postlink = postlink[0]; var linktext = postlink.split("/"); linktext = linktext[5]; linktext = linktext.split(".html"); linktext = linktext[0]; var posttitle = linktext.replace(/-/g," "); posttitle = posttitle.link(postlink); var commentdate = entry.published.$t; var cdyear = commentdate.substring(0,4); var cdmonth = commentdate.substring(5,7); var cdday = commentdate.substring(8,10); var monthnames = new Array(); monthnames[1] = "Jan"; monthnames[2] = "Feb"; monthnames[3] = "Mar"; monthnames[4] = "Apr"; monthnames[5] = "May"; monthnames[6] = "Jun"; monthnames[7] = "Jul"; monthnames[8] = "Aug"; monthnames[9] = "Sep"; monthnames[10] = "Oct"; monthnames[11] = "Nov"; monthnames[12] = "Dec"; var comment = entry.content.$t; var re = /<\S[^>]*>/g; comment = comment.replace(re, ""); if (showcommentdate == true) document.write('On ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' '); document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> commented'); if (showposttitle == true) document.write(' on ' + posttitle); document.write(':<br/>'); if (comment.length < numchars) document.write('<i>' + comment + '</i><br/><br/>'); else document.write('<i>'+ comment.substring(0, numchars) + '...</i><br/><br/>'); } document.write('<span >Widget by <a href="http://hackosphere.blogspot.com">Hackosphere</a><br/>Powered by <a href="http://beautifulbeta.blogspot.com">Beautiful Beta</a></span><br/><br/>'); }
//]]> </script>
- Drop your mouse down to the bottom of the template and find this code:
<div class='post-footer-line post-footer-line-1'>
and some time like this
<p class='post-footer-line post-footer-line-1'>
- Copy the following code and paste under this code <div class='post-footer-line post-footer-line-1'>
<span class='bookmark'> <table align='left' border='0' cellpadding='0' width='100%'> <tr> <td style='vertical-align:middle' valign='middle' width='25%'> <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.url + "&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='StumpleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRfR1mFuOR0aOly6aevKUa-d5T0ClEWTYFE9BeLxqsX4RchfSRYoUzFIE6nE_TVyt-YKmd4wYVVfmzFXGGeD4CKOM4tjmZrOdkX4QH1WjmOY6wgNct3QjYeoJjm_o2FWEJ56ZvcNFnbX0/?imgmax=800'/></a> <a expr:href='"http://ma.gnolia.com/bookmarklet/add?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",6);"' rel='nofollow' target='_blank'><img alt='Ma.gnolia' border='0' src='http://home.kpn.nl/oosti468/images/icon_sb_mag.gif'/></a> <a expr:href='"http://digg.com/submit?phase=3&url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",1);"' rel='nofollow' target='_blank'><img alt='DiggIt!' src='http://home.kpn.nl/oosti468/images/icon_sb_dig.gif'/></a> <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' rel='nofollow' target='_blank'><img alt='Del.icio.us' src='http://home.kpn.nl/oosti468/images/icon_sb_del.gif'/></a> <a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&Title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",3);"' rel='nofollow' target='_blank'><img alt='Blinklist' src='http://home.kpn.nl/oosti468/images/icon_sb_bli.gif'/></a> <a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",4);"' rel='nofollow' target='_blank'><img alt='Yahoo' src='http://home.kpn.nl/oosti468/images/icon_sb_yah.gif'/></a> <a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&t=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",8);"' rel='nofollow' target='_blank'><img alt='Furl' src='http://home.kpn.nl/oosti468/images/icon_sb_fur.gif'/></a> <a expr:href='"http://www.technorati.com/cosmos/search.html?url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",9);"' rel='nofollow' target='_blank'><img alt='Technorati' src='http://home.kpn.nl/oosti468/images/icon_sb_tec.gif'/></a> <a expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",10);"' rel='nofollow' target='_blank'><img alt='Simpy' src='http://home.kpn.nl/oosti468/images/icon_sb_sim.gif'/></a> <a expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",11);"' rel='nofollow' target='_blank'><img alt='Spurl' src='http://home.kpn.nl/oosti468/images/icon_sb_spu.gif'/></a> <a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",17);"' rel='nofollow' target='_blank'><img alt='Reddit' src='http://home.kpn.nl/oosti468/images/icon_sb_red.gif'/></a> <a expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title="+data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",19);"' rel='nofollow' target='_blank'><img alt='Google' src='http://home.kpn.nl/oosti468/images/icon_sb_goo.gif'/></a> </td> </tr> </table> </span>
- Click Save Template button.
- Finish
Post a Comment