Pasang Like Button Facebook Plugin

15.07.2010 · Posted in Suggestions, Tutorials

Kali ini Anas akan memosting artikel tutorial memasang Like Button Facebook pada blog. Sudah bukan rahasia umum lagi, hampir semua orang mengenal apa dan bagaimana Facebook. Bahkan setiap apa yang kita lakukan selalu diposting pada status Facebook kita. Tidak hanya status yang kita share melalui Facebook, tetapi juga tautan dan foto juga ikut dishare ke teman-teman Facebook kita. Alhasil, teman-teman pun ada yang menanggapi baik dengan mengomentarinya atau hanya menyukai status tersebut.

Seiring berjalannya waktu, Facebook telah mengembangkan kode/script yang ada pada website mereka sehingga dapat memungkinkan interaksi antara sosial network tersebut dengan blog atau website kita. Salah satunya adalah Like Button Facebook Plugin ini.

Langsung saja, berikut adalah kode/script untuk menampilkan Like Button Facebook Plugin pada setiap artikel postingan kita:

WordPress:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:60px"></iframe>

Blogger/Blogspot classic template:

<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkUrl$>&layout=standard&show-faces=true&width=530&height=60&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:530px; height:60px"></iframe>

Blogger/Blogspot modern template:

<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show-faces=true&width=530&height=60&action=like&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px' allowTransparency='true'></iframe>

Khusus Blogger/Blogspot, sisipkan kode di atas setelah tag <b:includable id=’post’ var=’post’>. Sedangkan untuk WordPress, silahkan sisipkan kode tersebut sebelum atau sesudah tag <?php the_content(); ?> pada file single.php yang terdapat pada editor theme Anda. Jika Anda mengalami kesulitan silahkan bertanya karena malu bertanya sesat di jalan. Selamat mencoba!