Kamis, 05 Mei 2011

Cara Memasang Facebook Like Button di Blog


Mengapa penting untuk memasang Facebook like button di blog, baik itu WordPress maupun Blogger/Blogspot? Kalau anda melihat di bagian bawah artikel ini, anda akan menemukan tombol “Facebook like”, yang jika di-klik akan membuat link halaman ini akan tampil pada News Feed di halaman Facebook anda. Jika teman-teman Facebook anda melihat link tersebut, ada kemungkinan mereka juga akan tertarik untuk mengunjungi halaman situs ini. Dengan kata lain, memasang Facebook like button berpotensi untuk meningkatkan traffic sebuah situs melalui social networking.
Pada postingan kali ini akan saya jelaskan tentang tutorial memasang Facebook like button, baik untuk blog berbasis WordPress maupun Blogger/Blogspot.

Cara Memasang Tombol “Facebook Like” untuk Blogger/Blogspot

  1. Login ke account Blogger anda, kemudian masuk ke Design>Edit HTML.
  2. Centang kotak Expand Widget Templates.
  3. Kode ini yang harus anda copy untuk dimasukkan ke HTML template: 

    <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>




  4. Carilah kode berikut pada HTML template Blogger anda:
    <div class='post-header-line-1'/>
    dan letakkan kode pada langkah 3 di bawahnya kalau anda ingin tombol Facebook keluar di bawah judul, atau carilah kode ini:
    <data:post.body/>
    dan letakkan kode pada langkah 3 di bawahnya kalau amda ingin tombol Facebook keluar di bagian bawah posting.
  5. Klik Save Template.
Ada beberapa modifikasi yang bisa anda lakukan untuk kode di atas, yaitu:
  • Dengan kode di atas, tombol Facebook akan muncul pada single post. Hapus baris pertama dan terakhir kode jika anda ingin tombol Facebook juga tampak pada homepage. Jadi, kode yang tersisa adalah:   


    <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;'/>



  • standard bisa anda ganti dengan button_count yang akan merubah sedikit tipe tombol.
  • Tulisan like bisa anda ganti dengan recommend (hanya support 2 kata ini).
  • Font arial bisa diganti dengan: lucida+grande, segoe+ui, tahoma, trebuchet+ms, atau verdana.
  • Warna light bisa diganti dengan evil atau dark, sesuaikan dengan warna background template anda.

Cara Memasang Tombol “Facebook Like” untuk WordPress


  1. Download plugin Facebook like button dari situs WordPress.
  2. Login ke account WP anda, masuk ke Plugins>Add New.
  3. Pilih Upload, kemudian Browse ke tempat anda menyimpan hasil download tadi dan klik Install Now.
  4. Klik Activate Plugin.
  5. Untuk meng-customize, anda bisa mengaturnya lewat menu Settings>Facebook Like Button.
Demikianlah tutorial untuk memasang Facebook like button pada blog WordPress dan Blogger. Kalau anda suka, jangan lupa klik tombol Like di atas ya.

Sumber:  http://anythingcool.net/cara-memasang-facebook-like-button-di-blog/

Related Post:

0 komentar:

:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Posting Komentar