Memasang Facebook Like Button di Blog
Memasang Facebook Like Button di Blog : Like Button ini menurut saya sangatlah berguna, ini bertujuan untuk memudahkan pengunjung untuk merespon postingan hanya dalam satu kali klik saja, Jika ada pengunjung yang menekan tombol suka maka secara otomatis link artikel kita akan tampil di profil facebooknya.
Mungkin sudah banyak yang memposting tentang pemasangan like button ini, tapi tidak salahnya kalau saya posting ulang, siapa tahu saja bisa bermanfaat. bagi orang yang sudah tahu gak usah baca lagi, ini cuma buat orang belum tahu...ok..ok...ok...
Untuk Memasang Facebook Like Button di Blog sangatlah mudah kita hanya menambahkan beberapa kode kecil saja. Bagaimana Caranya ?? Seperti biasa kita masuk ke Edit HTML dan jangan lupa untuk memberi tanda centang pada Expand Widget Templates.
Lalu tambahkan kode berikut ini pas di bawah kode <data:post.body/> :
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:410px; height:40px;'/>
</b:if>
Catatan :
Mungkin sudah banyak yang memposting tentang pemasangan like button ini, tapi tidak salahnya kalau saya posting ulang, siapa tahu saja bisa bermanfaat. bagi orang yang sudah tahu gak usah baca lagi, ini cuma buat orang belum tahu...ok..ok...ok...
Untuk Memasang Facebook Like Button di Blog sangatlah mudah kita hanya menambahkan beberapa kode kecil saja. Bagaimana Caranya ?? Seperti biasa kita masuk ke Edit HTML dan jangan lupa untuk memberi tanda centang pada Expand Widget Templates.
Lalu tambahkan kode berikut ini pas di bawah kode <data:post.body/> :
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:410px; height:40px;'/>
</b:if>
Catatan :
- Jika anda sudah memasang fasilitas readmore, silahkan letakkan di bawah kode <data:post.body/> yang kedua.
- Pada width:410px; anda bisa mengaturnya sesuai dengan main-wrapper anda.
