Memasang Tombol Share di Blog

- January 25, 2015

infoalya.com

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='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
<a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
<a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;lang=id&quot;' rel='nofollow' style='background:#4099ff;'>Twitter</a>
<a expr:href='&quot;http://digg.com/submit?url=&quot; + 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='http://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: http://hollabacktexas.blogspot.com/2014/03/memasang-button-share-media-social-di.html

Share this with short URL:
Blogger
Disqus
Tinggalkan Komentar

No comments

[+] Silahkan tinggalkan komentar
[+] Berkomertarlah dengan santun
[+] Mohon tidak meninggalkan live link
[+] Terima kasih untuk komentar anda

 

ketik dan enter untuk mencari