Beranda » Tutorial Blogger » Membuat tombol share Facebook, Twitter dan Google +

Membuat tombol share Facebook, Twitter dan Google +

Posted by Kerah Ledrek
Tombol share facebook, twitter dan google plus pada blog sangat berguna untuk mempermudah publikasi postingan kita pada website terkait. Secara default blogger sudah menyediakan fasilitas ini, namun beberapa template seperti yang saat ini saya gunakan memerlukan modifikasi lagi untuk menampilkan tombol-tombol tersebut.

Cara menambahkannya silahkan sobat copykan kode di dibawah ini :
Code
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone size='medium'/>
</div>
</b:if>
Kemudian tempatkan kode di atas pada posisi atau elemen blog yang sobat inginkan. Sebagai chloe saja, biasanya code ini sering ditempatkan pada bagian / di bawah kode :

<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<!--disini-->

Update :
Cara terbaru yang lebih ringan bisa sobat baca disini. Selamat mencoba dan salam blogger.

Artikel Terkait

0 komentar :

Posting Komentar

Jika anda menyukai artikel di atas silahkan share atau tinggalkan komentar. Mohon maaf, untuk menghindari spam, komentar yang menyertakan live link akan dihapus.