Cara Memasang Like This Button Facebook Pada Blog

Setelah anda mempelajari mengenai cara memasang Social Bookmarking Icon. Sekarang saatnya untuk mempelajari cara memasang Like This Button Facebook, contohnya bisa anda lihat bagian atas artikel ini tepatnya di bawah judul artikel.


Ok, untuk mempersingkat waktu kita mulai saja caranya.
Copy salah satu Code berikut yang sesuai dengan template blog anda

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>

Blogger/Blogspot tambahkan code berikut agar buttonnya terlihat setelah kita masuk kedalam artikelnya, contohnya button saya saat di home tidak terlihat, tapi saat mengklik artikelnya dan masuk ke halaman artikel baru terlihat:

<b:if cond='data:blog.pageType == &quot;item&quot;'>Salah Satu Code Diatas</b:if>

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>

Untuk Blogger/Blogspot, letakan Code di atas setelah tag <b:includable id='post' var='post'> untuk meletakannya diatas judul articel, Letakan setelah atau sebelum <div class='post-body entry-content'> untuk meletakan di bawah judul dan diatas isi articel.

Sedangkan untuk WordPress, silahkan letakan kode tersebut sebelum atau sesudah tag <?php the_content(); ?> pada file single.php yang terdapat pada editor theme Anda.

Selamat mencoba dan Semoga Bermanfaat.

Share this artikel:

Ikon ini merupakan link ke situs bookmark sosial dimana pembaca dapat berbagi dan menemukan halaman web baru.