Cara Memasang Tombol Share Facebook dan Twitter di Blog

Tidak lengkap rasanya jika di setiap postingan kita di blog atau website, tidak ada tombol atau fasilitas untuk membagi informasi (sharing) terkait apa yang kita tulis ke dunia social network seperti Facebook dan Twitter. Untuk kepentingan itu, Facebook telah menyediakan sebuah widget dengan nama Facebook Share untuk membagikan sebuah halaman situs/web ke profil Facebook, begitu juga dengan Twitter dengan Tweet Buttonnya.

Berikut aku coba membagi informasi bagaimana cara menambahkan atau memasang tombol share on facebook dan twitter.

Facebook Share (horizontal count) : 

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

Facebook Share (vertical count) :

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

Facebook Share (without count) :

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

Tweet Button (horizontal count) :

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-related="your_name:your_description">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Tweet Button (vertical count) :

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-related="your_name:your_description">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Tweet Button (without count) :

<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-related="your_name:your_description">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Setalah kamu memilih tombol yang cocok atau sesuai dengan blog/web kamu, langkah selanjutnya adalah mengcopy-paste kode diatas kedalam blog/web kita. Untuk blogspot, kamu bisa masuk ke menu Design | Edit HTML, kemudian beri centang pada "Expand widget templates", cari kode <data:post.body/>, dan letakkan (paste) kode dibawahnya jika ingin memasang tombol share dibawah postingan atau letakkan (paste) kode diatasnya jika ingin memasang diatas postingan.


Sekarang kita bisa share/berbagi tulisan kita ke orang lain melalui facebook dan tweeter. Hal ini tidak hanya berlaku untuk kita saja, jika orang lain suka dan tertarik dengan tulisan kita dan ingin membagi ke teman-temannya juga bisa melakukan hal yang sama. Dengan begitu harapannya semakin banyak orang mengsharing tulisan kita, semakin banyak pula orang yang membacanya.

Salam.