Cara membuat Tombol Temui kami di facebook terbaru

Hai Sobat Blogger !  cara membuat tombol like temui kami di facebook, sengaja saya beri judul seperti itu karena banyak diantara sobat blogger yang bingung dengan judul yang saya berikan , jadi saya memperjelas kalimatnya,hehehe
oke seperti yang sobat rizaldi priantama lihat diatas tombol yang saya maksudkan seperti gambar yang saya pasang diatas dan di sebelah kanan panel blog saya , nah sebelum itu sobat blogger harus punya Fan page dulu, jika belum punya sobat bisa membaca tutorialnya di sini Cara membuat fan page facebook
nah jika sudah memiliki fan page facebook sobat bisa melihat cara memasang tombol temui kami di facebook tersebut berikut ini

1.) Baca Basmallah
2)  Masuk ke akun facebook sobat
3.) Buka Fan page facebook sobat, lalu copykan url alamat fan page facebook sobat

4.) Jika sudah,buka tab baru lalu klik alamat berikut http://developers.facebook.com/docs/reference/plugins/like-box/

5.) jika sudah muncul tampilan pengisian like box masukkan url alamat fan page sobat tadi yang telah dicopy

6.) Lalu isi dan atur widget tersebut untuk blog sobat,jika ingin pengaturan widgetnya seperti saya bisa melihat gambar diatas, klik untuk mempebesar,
7.) jika sudah diatur dan siap dipasang di blog, klik Get Code 

8.) akan muncul tampilan kode-kode pilih tab IFrame

9.) Copy kode yang telah disediakan , lalu buka tab baru, buka akun blogger sobat
10.) Klik Rancangan > Tata letak > tambah widget > tambah Html/javascript

11.) Paste kode yang telah dicopy tadi ke form html yang disediakan, lalu klik simpan
12.) Lihat hasilnya

Tambahan :  Jika sobat ahli dalam pengaturan dan pengeditan kode javascript rizaldi priantama punya kode instan nih, tinggal di copy aja dan atur sdikit,namun yang belum ahli silahkan coba tutorial diatas

Kode

<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Rizaldi-Priantama-Blog/211358628879614&width=292&height=290&colorscheme=light&show_faces=true&border_color&stream=false&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe>

Edit Mode : Ganti kode url http://www.facebook.com/pages/Rizaldi-Priantama-Blog/211358628879614 dengan url fan page facebook sobat
Ganti width 292 dengan lebar yang sesuai dengan blogger sobat
ganti height 290 dengan tinggi yang sesuai dengan blog sobat

 

Sumber :  Rizaldi-Priantama-Blog