blog visitors

Cara Membuat Tombol Like Facebook Di Blog

Facebook , adalah jejaring sosial yang sangat populer saat ini , nah sekarang kita bisa memanfaatkan facebook untuk promosi blog kita lho :) dengan menyediakan tombol like button ini kita bisa mempromosikan blog kita , lho bagaimana bisa? kan itu cuma like facebook biasa.. Jangan salah , tombol ini berguna sekali  nih saya kasih tahu kegunaanya menurut pengalaman saya .
Tombol ini berfungsi untuk promosi blog , caranya , ketika ada salah satu pengunjung blog kita yang menyukai postingan kita dan si pengunjug tadi menekan tombol like nya maka postingan kita akan muncul di dinding si pengunjung yang mengklik tmbol like tadi.


Cara Membuat Tombol Like Facebook Di Blog
  1. Login dulu ke blogger
  2. Ketika di halaman dasbor , klik rancagan.
  3. Kemudian pilih Edit Html + centang kotak Expand Template Widget.
Untuk meletakkan tombol like ada 2 pilihan, meletakkan diatas posting dan di bawah posting
  • Untuk meletakkan tombol like di atas posting.
Silahkan cari kode <div class='post-header-line-1'/> , bisa menggunakan control F , Jika sudah ketemu masukkan kode tombol like facebook ini di bawah kode yang anda cari.

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>
  • Kemudian Simpan template
  • Untuk meletakkan kode tombol like di bawah posting 
Cari kode kode <data:post.body/> , bisa menggunakan control F , Jika sudah ketemu masukan kode tombol like facebook ini tepat dibawah kode <data:post.body/> yang pertama.


<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=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>
</b:if>
  • Kemudian simpan template.
Semoga bermanfaat :)
http://arifdejavu.blogspot.com

0 komentar:

Posting Komentar