Cara menambahkan LIKE BUTTON Facebook di Blogger bag.2

facebook like button di blog

 Pada posting sebelumnya Cara Menambahkan Like Button Fb bag.1, tombol berada di atas halaman blog dan tidak bisa diatur sesuai dengan keinginan kita. Cara Menambahkan Like Button Fb bag.2 ini kita bisa mengatur posisi atau tata letak tombol like tersebut.

Berikut cara menambahkan LIKE BUTTON Facebook di Blogger :



1. sebelumnya anda harus Login dulu di www.facebook.com
2. klik https://developers.facebook.com/apps#_=_ > Go to Apps
3. klik "+Create New App"
4. ketik MyBlog (bebas) pada kolom App Name > Continue, App Namespace dan Web Hosting biarkan kosong.

 

5. Masukkan security code > "Submit"

6. Jika anda disuruh memverifikasi nomer telpon atau nomer credit card, klik "Mobile Phone". Masukkan Nomer telpon > Confirm > tunggu sms security code dari Facebook. setelah menerima sms, masukkan kode tersebut > klik "confirm" >

setelah nomer telpon di verified, keluar dari kotak tersebut lalu klik "Continue" (langkah 4) , masukkan kembali security code (langkah 5) > klik "Submit". Tampilan berikutnya >>>>>

7. klik "Save Change" (di bawah)
8. klik https://developers.facebook.com/docs/reference/plugins/like/ 

9. Masukkan URL blog
    Hilangkan centang "send button"
    Lay Out : mengatur model tampilan like button, saya menggunakan "button count"
    Width : mengatur lebar tampilan
    Show to face : menampilkan atau tidak tampilan profil 
    Verb to Display : memilih "like" atau "recommend"
    color scheme : "light" atau "dark" mengatur warna tampilan tombol
    Font : Pilih font yang sesuai

10. Klik "Get Code" lalu pilih "Iframe". copy script tersebut ke notepad/ms.word

11. Login www.blogger.com
12. gulir ke Pengaturan > Tata Letak > Tambah Gadget > add HTML/java script
13. Beri judul > paste script iframe > Simpan
14. Atur tata letak / pindahkan di tempat yang sesuai
15. simpan tampilan > lihat blog
16. SELESAI

semoga bermanfaat!! jangan lupa klik "like button" jika anda suka blog saya,.terima kasih sudah berkunjung!