Catatan Belajar Dari Kendawangan

  • RSS
  • Delicious
  • Facebook
  • Twitter

Twitter

Share Tombol suka | Button Like di Blog

Posted by AWAN THE KILL - -

BLOGGER MENENGAH | Beberapa hari yang lalu saya jalan - jalan ke blog nya Sobat Blogger dan ada keanehan  disana hampir setiap artikel yang ditampilkan selalu ada Tombol Suka dengan background ciri khasnya Facebook. Dan ketika saya klik tombol “SUKA”nya tiba - tiba  muncul status tersebut di facebook saya. Wow.. keren banget.

Jadi Pengen juga menampilkan tombol suka itu di Asman Counter makanya  coba  coba search di google ketemu juga sebuah plugins yang bernama “ fb like button”. silakan kunjungi link ini untuk melihatnya. Lalu saya coba   instal di asmancounter.blogspot.com. Dan hasilnya seperti yang terlihat dibawah judul setiap posting itu setelah dikreasikan makanya seperti itu ternyata mudah saja kalau mau mencoba :

Sebagai Kenangan saya rekam aja prosesinya :
Masuk ke facebook widget untuk like button, atau klik link ini -> Facebook like button. Klik gambar dibawah jika ingin lebih jelas :Setting like button
  1. Di kotak biru seperti gambar disamping ini, isi “URL to Like” dengan <?php the_permalink() ?> ini berfungsi guna menampilkan link address artikel.
  2. like text
    Add caption
  3. Di “Layout Style” pilih standard  atau button_count like button count dengan sejumlah angka yang menyukai artikel blogger kita disebelah button.
  4. Option “Show Face” untuk menampilkan profile picture kita di bawah button.
  5. Width“, biarkan saja tertulis 450, atau sesuaikan dengan kolom content blog kita
  6. Verb to display“, pilih diantara kata like like button atau recommendrecommend button
  7. Font” pilih jenis huruf yang anda suka.
  8. Color Scheme” pilih antara dark (gelap) dan light (terang) sesuaikan dengan background kita.
  9. Lalu klik “Get Code” Copy kode yang ada di bagian XFBML.
   10. lalu buka blog kita dashboard cari rancangan > Edit HTML
         dan  jangan lupa centang “Expand Widget Templates” nya
   11. Lalu cari <data:post.body/> lalu paste di atas atau dibawahnya 

         suka - suka kita
   12. Kemudian di Save. Tet teret jadi deh Tombol suka | Button suka kita. Gimana Mudahkan...?!