Cara Pasang Facebook Like Button di Bloggspot

Cara Pasang Facebook Like Button di Bloggspot

Facebook Like Button, salam para blogger setelah saya share Cara Memasang Search Term Tangging 2 Untuk Blogger, dan sekarang masih berhubungan dengan blogger, namun kali ini saya akan share cara untuk pasang Facebook Like Button di Blogger.

Mungkin anda sudah mengetahui dan bisa untuk memasang Facebook Like Button di Blogger anda namun masih banyak juga yang mungkin belum mengerti untuk cara memasang Facebook Like Button di blog mereka. Maka dari itu saya tulis lagi cara untuk memasang Facebook Like Button di blogger dengan cara saya sendiri dan mudah untuk anda ikuti bagi yang belum mengerti. Apa anda kepengen tau langka-langkah yang akan saya tuliskan untuk anda? Silahkan anda lanjutkan membacanya…

Memasang Facebook Like Button di posting blog dapat menjadi tolok ukur bagi blogger untuk mengetahui respon pengunjung selain dari comment. Selain itu memasang/membuat  tombol facebook like secara otomatis juga akan mengirim url yang disukai pengunjung ke wall-nya. Ini juga menjadi keuntungan tersendiri, karena publikasi artikel posting dapat menjangkau area yang lebih luas. Widget ini akan memunculkan Facebook Like Button di setiap posting Blog Blogger anda.

Ada beberapa jenis Facebook like button yang akan saya share untuk anda. Berikut beberapa preview plus  dengan script-script yang bias dipasang di blogger anda:

<!-- Tombol Facebook Like --> <b:if cond='data:blog.pageType == "item"'> <div style='padding:4px; float: right;'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </div> </b:if> <!-- Facebook Like http://http://ihzanurulainy.blogspot.com -->v

<!-- Tombol Facebook Like --> <b:if cond='data:blog.pageType == "item"'> <div style='padding:4px; float: right;'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </div> </b:if> <!-- Facebook Like http://ihzanurulainy.blogspot.com -->

<!-- Tombol Facebook Like --> <b:if cond='data:blog.pageType == "item"'> <div style='padding:4px; float: right;'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=65"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/> </div> </b:if> <!-- Facebook Like http://ihzanurulainy.blogspot.com -->

NB: Jika ingin mengubah tampilan Facebook Like Button menjadi gelap (dark), ubah value pada colorscheme=light, ganti light dengan dark colorscheme=dark. dan untuk merubah posisi Facebook Like Button tinggal ganti right yang ada di kode <div style=’padding:4px; float: right;’> sesuai dengan keinginan anda masing-masing.

Cara memasang Facebook Like Button di Blogger:

• Login ke Blogger anda.
• Masuk ke Dashboard – Design/Rancangan – Edit HTML.
• Klik/check “Expand Widget Templates“
• Pilih salah satu script/kode dari jenis Facebook Like Button di atas.
• Jika ingin memasang button di atas posting, cari <div class=’post-header-line-1′/> atau <div class=’post-body’> (gunakan Ctrl+F) dan paste kode tersebut tepat di BAWAH-nya. Jika kedua kode tersebut tidak ketemu, letakkan kode di  atas kode <data:post.body/>.
• Jika ingin memasang button di bawah posting, cari  <data:post.body/> (gunakan Ctrl+F) dan paste kode tersebut tepat di bawahnya.
• Save template.
• Selesai.