Cara Memasang Tombol Suka Facebook di Blog

Assalamu'alaikum! Facebook adalah salah satu situs jejaring sosial yang sudah sangat terkenal sekali. Penggunanya pun beragam, dari anak-anak sampai orang dewasa. Begitu pun cara menggunakannya, ada yang untuk berbisnis, ada yang untuk refreshing atau game, dan lain-lain. Karena setiap hari penggunanya selalu bertambah, pasti Facebook tidak mau kehilangan para penggunanya. Maka dari itu, Facebook selalu mencoba hal-hal baru agar para penggunanya tetap nyaman saat mulai bermain Facebook.

Kita dapat mengetahui perkembangan Facebook pada situs Developers Facebook. Di sana, perkembangan-perkembangan Facebook selalu di post. Salah satu fitur terbaru yang ada di Facebook adalah kronologi. Tapi di post ini saya tidak akan membahas tentang kronologi. Mungkin di lain post. Dan yang akan saya bahas adalah tombol suka.

Bagi kalian (blogger), pasti sangat senang apabila tulisannya dibaca oleh pengunjung. Apalagi kalau tulisan kita mendapat respon baik dari pengunjung tersebut. Hmmm, rasanya nikmat sekali. :) Tapi kadang ada juga yang tidak suka. Tapi, bagaimana cara kita mengetahui perasaan pengunjung terhadap tulisan kita? Tombol suka Facebook adalah solusinya. Selain untuk mengetahui seberapa baguskah tulisan kita, tombol suka Facebook juga bisa berguna untuk menyebar luaskan tulisan kita di situs jejaring sosial Facebook.

Kode tombol suka Facebook yang saya bagikan ada 3 jenis. Langsung saja dilihat ..

1. Standard Facebook like button

<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</b:if>

2. Box Count Facebook like button

<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=65"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/>
</b:if>

3. Button Count Facebook like button

<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
</b:if>

Silakan copy script dan letakkan sesuai keinginan sobat. Tapi kalau ingin membuat variasi sendiri, silakan langsung cek di situs resminya saja, di sini. Dan bagi kalian yang ingin meletakkannya pada bagian bawah judul post, maka ikutilah petunjuk berikut ..

1. Pastikan kalian sudah menyalin salah satu script

2. Login blogspot > Rancangan

3. Edit HTML

4. Centang Expand Template Widget

5. Cari kode <div class='post-header-line-1'/>

6. Paste script di bawah kode <div class='post-header-line-1'/>

Simpan Template !

Demikianlah sekilas info tentang tombol suka Facebook. Semoga bisa banyak bermanfaat bagi kalian :)
Wassalam!