Cara Menambah Custome Like Box Facebook Kedalam Situs

News ellas - Facebook Like Box adalah widget yang sangat berguna untuk menunjukkan otoritas dan cinta dari orang-orang untuk blog-nya. Facebook menawarkan  plugin Like Box sederhana yang Anda dapat dengan mudah mengintegrasikan ke situs web Anda Tapi default facebook seperti kotak tidak terlihat jelek sekali. Tutorial ini akan menunjukkan Cara Membuat Kustom Facebook Like Box menggunakan CSS Untuk Blogger.

Facebook Like Box adalah cara terbaik untuk mendapatkan lebih banyak penggemar di Facebook. Sebuah Box Fans memungkinkan besar menarik Blog Anda lebih banyak pengunjung atau pembaca menyukai halaman fans.. Anda tidak perlu melakukan apapun, Anda hanya perlu copy dan paste kode. saya Yakin bahwa Customize Facebook Like Box Keren ini Dengan CSS widget akan menarik penggemar facebook Anda meningkatkan hitungan Like.



Cara Menambah Custome Like Box Facebook Kedalam Situs/Web/Blogspot.

Sekarang mari kita mulai menambahkannya ...

Langkah 1. Login ke Blogger Anda > Pergi ke tata letak/Layout Dan tambahkan Widget/Gadget.

Langkah 2. Setelah klik Add a Gadget Akan Muncul Sebuah kotak pop-up dengan banyak daftar gadget, Pilih HTML / JavaScript dari pilihan gadget dengan mengklik biru tanda plus untuk gadget itu.

Langkah 3. Pilih 'HTML / Javascript' dan tambahkan salah satu kode yang diberikan di bawah ini. 

Langkah 4. Sekarang Klik Simpan 'JavaScript' Anda selesai.

Catatan: - Ganti halaman% 2FBlogspot-tutorial% 2F220888831260608 Dengan Facebook User name

Gaya 1: -

<div style = "width:. 248px; padding: 10px 0px 10px 10px; height: 230px; border-top: 5px # cccccc padat; border-right: 5px # cccccc padat; border-bottom: 5px # cccccc padat; border- kiri: 5px tomat padat; border-radius: 0px 30px 0px 0px; background: url ( 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJm6BoUQ9b28zbNXMH-Hed2hhYcv19ZC9msCdVCt7qGyrMThzDhwYK0qNwvnltjptQrT9Bl1yBcX30GV8-wACX_7wYg4H9H6hbelUMidU9pHy3kgBtLfwcw1OkhuUSxCFo1VzpS82TExIe/s320/3783098647_fb208001b5.jpg'); melimpah : hidden; .height: 250px; width: 238px; border: 5px awal # f2f2f2; border-radius: 0px 13px 0px 0px; overflow: hidden; "> <div style =" height: 250px; overflow: hidden; "> < a href = "http://24work.blogspot.com/" rel = "dofollow" target = "_ blank" title = "Blogger Tips dan Trik"> <img src = "https://bitly.com/24workpng1" alt = "Tips Blogger dan Trik" border = "0" style = "position: fixed; bottom: 10%; kanan: 0%; top: 0px;" /> </a> <a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips Untuk Bloggers"> <img src = "https: // bitly.com/24workpng1 "alt =" Tips Terbaru Untuk Blogger "border =" 0 "style =" position: fixed; bottom: 10%; kanan: 0%; " /> </a> <a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"> <img src = "https: // bitly. com / 24workpng1 "alt =" Blogger Trik "border =" 0 "style =" position: fixed; bottom: 10%; kiri: 0%; " /> </a> <iframe src = "http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F halaman% 2FBlogspot-tutorial% 2F220888831260608 & amp ; width = 250 & amp; height = 258 & amp; show_faces = true & amp; sundulan = false & amp; aliran = false & amp; show_border = false "scrolling =" no "frameborder =" 0 "style =" border: none; overflow: hidden; width: 250px; height: 258px; " allowTransparency = "true"> </ iframe>