Cara Memasang Tombol Share Artikel dibawah dan diatas Postingan

Tombol Share merupakan salah salah satu widget yang sangat penting dalam meningkatkan trafik blog kita. Dengan adanya widget ini postingan kita bisa di bagikan di jejaring sosial media sehingga menjadikan dan membuat trafik meningkat

Tombol Share diatas postingan

Adapun cara memasang tombol Share adalah sebagai berikut :

1. Masuk ke akun Blog Anda
2. Pilih Template > Edit Template
3. Cari kode ]]></b:skin>
4. Setelah ketemu letakan kode dibawah ini di atas kode ]]></b:skin>

.widgetshare {font:bold 12px/20px Tahoma !important; background: #333;border: 1px solid #444; padding: 5px 4px; color: #fff !important; margin-top: 10px;margin-top: 15px}
.widgetshare a{font:bold 12px/20px Tahoma !important; text-decoration: none !important; padding: 5px 4px; color: #fff !important; border: 1px solid #222; transition: all 1s ease;}
.widgetshare a:hover {box-shadow: 0 0 5px #00ff00; border: 1px solid #e9fbe9;}
.fcbok { background: #3B5999; }
.twitt { background: #01BBF6; }
.gplus { background: #D54135; }
.digg { background: #5b88af; }
.lkdin { background: #005a87; }
.tchno { background: #008000; }
.ltsme { background: #fb8938; }

4. Selanjutnya copy kode berikut dibawah ini, lalu taruh di bawah kode <data:post.body/> untuk meletakan tombol Share dibawah postingan, dan di atas kode <data:post.body/> Untuk meletakan tombol Share diatas Postingan.

<div class='widgetshare'>
Share artikel ke:
<a class='fcbok' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' rel='nofollow' target='_blank'>Facebook</a>
<a class='twitt' expr:href='"http://twittter.com/share?url=" + data:post.url' rel='nofollow' target='_blank'>Twitter</a>
<a class='gplus' expr:href='"https://plus.google.com/share?url=" + data:post.url' rel='nofollow' target='_blank'>Google+</a>
<a class='lkdin' expr:href='"http://www.linkedin.com/cws/share?url=" + data:post.url' rel='nofollow' target='_blank'>Linkedin</a>
<a class='tchno' expr:href='"http://technorati.com/faves?sub=addfavbtn&add=" + data:post.url' rel='nofollow' target='_blank'>Technorati</a>
<a class='digg' expr:href='"http://digg.com/submit?url=" + data:post.url' rel='nofollow' target='_blank'>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' class='ltsme'>Lintasme</a>");
//]]>
</script>
</div>