Cara Memasang Facebook dan Twitter Share Button 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 blog/web ke profil Facebook, begitu juga dengan Twitter dengan Tweet Buttonnya.

<p>Your browser does not support iframes.</p>

Keberadaan link to social network ini menjadi wajib bagi pemilik blog atau website sebagai salah satu sarana publikasi maupun promosi terhadap tulisan, artikel maupun barang atau jasa yang akan ditawarkan. Seperti yang kita tau saat ini Facebook dan Twitter merupakan salah dua social network yang paling populer dan digemari oleh pasar. Hal ini dapat diliat melalui rating di Alexa untuk kedua media tersebut masuk di urutan 2 (untuk Facebook) dan 9 (untuk Twitter) Top Sites di seluruh dunia.

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

Facebook Share (horizontal count) :

1	<pre><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>

2	<script src='http://static.ak.fbcdn.net/<span class="IL_AD" id="IL_AD7">connect</span>.php/js/FB.Share' type='text/javascript'/>

Facebook Share (vertical count) :

1	<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>

2	<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

Facebook Share (without count) :

1	<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button'/>

2	<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

Tweet Button (horizontal count) :

1	<a href="http://twitter.com/share" data-count="horizontal" data-related="your_name:your_description">Tweet</a>

2	<<span class="IL_AD" id="IL_AD3">script type</span>="text/javascript" src="http://<span class="IL_AD" id="IL_AD4">platform</span>.twitter.com/<span class="IL_AD" id="IL_AD8">widgets</span>.js"></script>

Tweet Button (vertical count) :

1	<a href="http://twitter.com/share" data-count="vertical" data-related="your_name:your_description">Tweet</a>

2	<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Tweet Button (without count) :

1	<a href="http://twitter.com/share" data-count="none" data-related="your_name:your_description">Tweet</a>

2	<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Setelah 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.