All for Joomla All for Webmasters

Menambahkan Tombol Facebook Like untuk Situs, Blogger dan WordPress Blog

Facebook kini menyediakan plugin baru yang disebut dengan Social Plugins. Plugin ini memungkinkan kita untuk memberikan penilaian terhadap sebuah postingan situs atapun blog. Plugin yang berbentuk mengacungkan jempol ini memungkinkan pembaca pada blog dengan cepat berbagi posting dengan Teman Facebook mereka. Selain itu pula, kita juga dapat mengetahui berapa banyak orang (reader) yang menyukai Postingan anda. Biar tidak penasaran dengan maksudnya postingan ini, coba lihat contoh demo dari Facebook Social Plugin dibawah ini. (Klik dulu ya kawan…. 🙂 )

Bagaimana menambahkan tombol Facebook Like pada Situs / Blog ?

Tombol Like ini dapat digunakan kedalam Situs, Blogger dan WordPress Blog. Untuk itu saya akan membagi 3 kategori cara memasukkan tombolnya :

A. Situs/Website

Jika anda ingin menambahkan tombol Facebook like pada sebuah situs, kita cukup menambahkan baris kode HTML berikut ini :

<iframe src="http://www.facebook.com/widgets/like.php?href=http://www.belajarpc.com"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:40px"></iframe>
 

B. Blogger

Jika anda ingin menambahkannya kedalam Blog blogspot, berikut langkah-langkahnya :

1. Login ke Blogger Account dan pilih Layout > Edit HTML dan klik pada check box “Expand Widget Templates

2. Cari tag <data:post.body/> lalu pastekan code dibawah ini :

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

C. WordPress Blog

Untuk menambahkan tombol Facebook Like pada blog WordPress, kita harus menambahkan code dibawah ini pada file index.php di template wordpress anda, yang tersimpan dalam folder themes.

Silahkan tentukan sendiri peletakan posisi yang diinginkan, pastekan code ini :

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

Dari ketiga proses diatas yang berbeda sebenarnya hanya pada bagian :

  • href=http://www.belajarpc.com"
  • href=&quot; + data:post.url + &quot;
  • href=<?php the_permalink(); ?>
I'm Teacher Vocational School in SMK Labor Pekanbaru. I interested in Computer, Networking, Web Design, Blogging and the development of computer education.

10 Comments

  1. Pingback: Menambahkan Tombol Facebook Like untuk Situs, Blogger dan Wordpress Blog – GRATBLOG LAGI

  2. Pingback: Tweets that mention Menambahkan Tombol Facebook Like untuk Situs, Blogger dan Wordpress Blog | Belajar Komputer -- Topsy.com

  3. Pingback: Icon Like Facebook di Tiap Postingan Blogger | Hidup Ini Indah, Maka Tertawalah

Leave a Reply

Your email address will not be published.