Tags: cara menambahkan tombol like dan share facebook di website atau blog, tombol like, tombol share, facebook, website, blog

Anda ingin web/blog atau artikel anda disukai orang lain? Anda bisa menggunakan yang namanya Tombol Facebook Like. Namun bagi anda yang menggunakan wordpress.com (wordpress gratis) tidak akan bisa mencoba fitur ini, bila anda masih berminat mencobanya maka saya sarankan anda mengganti ke wordpress.org (self hosted).

Berikut adalah tips untuk memperoleh tombol Facebook Like di web.blog anda :

Facebook Button Like

1. Kunjungi link Facebook Create Page.
2. Pada kolom bagian kanan, pilih salah satu jenis Page yang ingin anda buat, misal saja blog pilih saja Website.
3. Ketikkan nama yang ingin anda jadikan sebagai Page Facebook, bila anda ingin membuat Button Like di web/blog lebih baik anda beri nama web/blog anda. Setelah selesai, check pada check box dibawahnya lalu klik “Buat Halaman Resmi”.
4. Maka akan muncul sebuah halaman baru, edit Facebook Page anda sesuai keinginan misal upload gambar untuk web/blog anda atau pasang beberapa aplikasi untuk Facebook Page sesuka hati anda.
5. Copy link Facebook di atas, ini digunakan untuk membuat script pada web/blog anda. Contoh : http://www.facebook.com/pages/”contoh page anda”/101010101.
6. Pilih opsi Add Like Box to your Site.
7. Copy-kan link Facebok Page anda kedalam Facebook Page URL.
8. Klik tombol Get Code. Lalu copy semua script yang anda namun hanya pada kolom yang atas yaitu iframe.
9. Di Blogger, masuk pada Design > Page Elements dan click an Add-A-Gadget link. Pilih  HTML/Javascript gadget dan paste code kedalamnya.
10. Save dan lihat blog anda maka akan anda lihat hasilnya.

Facebook Share dan Like Button

1. Di Blogger, masuk pada Design > Page Elements dan click an Add-A-Gadget link. Pilih  HTML/Javascript gadget
2. Copy-paste code dibawah ini :

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff;border -color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; } </style> <a href="http://www.facebook.com/share.php?u=<url>" class="fb_share_button" onclick="return fbs_click()" target="_blank" style="text-decoration:none;">Share</a><p><a href="http://hitsuke.blogspot.com/2009/05/cara-memasang-tombol-share-on-facebook.html" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>

3. Save dan lihat blog anda

Berikut ini juga saya berikan beberapa code tombol untuk Facebook anda :

Hanya Icon “F”

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank"><img src="http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981" alt="" /></a><p><a href="http://hitsuke.blogspot.com/2009/05/cara-memasang-tombol-share-on-facebook.html" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>

Hanya Link “Share on Facebook”

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank">Share on Facebook</a><p><a href="http://hitsuke.blogspot.com/2009/05/cara-memasang-tombol-share-on-facebook.html" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>

Icon dan Link “Share on Facebook”

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; }</style><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a><p><a href="http://hitsuke.blogspot.com/2009/05/cara-memasang-tombol-share-on-facebook.html" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>