Dengan tombol berbagi di blog/web akan mempermudah pengunjung untuk berbagi tulisan/artikel dari blog/web yang dikunjunginya, kitapun dapat dengan mudah mempromosikan blog kita ke sosial media seperti Google+, Facebook, Twitter, dan lain-lain. Untuk pemasangannya ikuti langkah-langkahnya dibawah ini :
Login ke akun masing-masing, klik template dilanjutkan dengan edit HTML.
Temukan kode
<data:post.body/>Selanjutnya copy dan paste kode dibawah ini tepat dibawah kode
<data:post.body/><div id='share-button'>
<p>Share to</p>
<a expr:href='"https://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
<a expr:href='"https://plus.google.com/share?url=" + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
<a expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"' rel='nofollow' style='background:#4099ff;'>Twitter</a>
<a expr:href='"https://digg.com/submit?url=" + data:blog.url' rel='nofollow' style='background:#000;'>Digg</a>
<script>
//<![CDATA[
var uri = window.location.href;
var ttle = document.title;
document.write("<a href='https://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' style='background:#FF9900;'>Lintaskan</a>");
//]]>
</script>
</div>
Untuk mempercantik tampilannya copy dan pastekan kode dibawah ini diatas tag
]]></b:skin> atau </style>#share-button{margin:8px 0;padding:0;overflow:hidden;}
#share-button p{float:left;background:#fafafa;display:block;padding:5px 8px !important;margin:0 3px 3px 0;border:1px solid #fff;}
#share-button a{position:relative;float:left;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff;}
#share-button a:hover{top:-2px;transition:all 0.4s;}Source code:
hollabacktexas.blogspot.com/2014/03/memasang-button-share-media-social-di.html