Recent Movies

cara membuat like fb diblog

      Hai semua ketemu lagi sama saya RAFFI. saya akan membahas tentang"cara membuat like fb di blog".

 Mengapa Like box fanspage harus yang valid XHTML?

    Valid XHTML bagi sebuah website atau blog itu sangatlah penting karena dapat mempengaruhi dukungan (support) website terhadap berbagai macam browser yang berbeda. Selain itu juga, Jikalau like box Fanspage website atau blog kita valid XHTML maka website atau blog kita akan semakin disukai oleh crawler yang berasal dari google, yahoo, dan juga bing, ini sih menurut yang kami baca dari blogger tetangga.

    Tapi Sebelum belajar memasang like box facebook ini dihalam blog, anda diwajibkan harus memiliki halaman Fans page Facebook. Karna pada cara membuat widget like box valid XHTML ini akan dibutuhkan url halaman FP tersebut. Dan jika semua sudah siap mari kita langsung lanjutkan cara memasang like box di Blog (valid XHTML).

Tutorial singkat Cara membuat Like Box (valid XHTML)

Ambil Source kode widget like box fanspage:
<div id="fb-root"></div>
<script type="text/javascript">
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js#xfbml=1';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<div id="FbCont">
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var fb = document.createElement('fb:like-box');
fb.setAttribute("href","Tuliskan url fanspage fb kamu disini");
fb.setAttribute("show_faces","true");
fb.setAttribute("header","false");
fb.setAttribute("stream","false");
fb.setAttribute("width","200");
fb.setAttribute("font","segoe");
document.getElementById("FbCont").appendChild(fb);
//--><!]]>
</script>
</div>
    Pertama, perhatikan source kode widget like box, gantilah tulisan berwarna biru diatas (Tuliskan url fanspage fb kamu disini) dengan url fanspage kamu yang akan dijadikan like box pada blog. Contoh : http://facebook.com/tips.sahabat diatas lalu copy.

   Selanjutnya. untuk menampilkan like box fanspage valid tersebuat pada blog:

1.Login ke blogger dashboard anda
2.Setelah itu masuk ke menu Tata Letak
3.Klik Tambah Gadget kemudian pilih yang HTML/JavaScript
4.Terakhir adalah langsung masukkan (paste) kode source widget like box valid XHTML yang telah anda edit dan copy tadi kedalam kotak teks. Jangan lupa simpan !.

Sebenarnya cukup sangat simple bukan tentang Cara Membuat Like box facebook di Blog ini. Dan pada kesempatan selanjutnya kita akan share juga tentang like box berbeda : Melayang, bergerak dan lainnya.
Untuk Cara Bikin / membuat Fanpage langsung saja masuk sini : http://www.facebook.com/pages/create.php Muncul tampilan seperti di bawah ini. Pilih salah satu yang paling menggambarkan tema bisnis atau group anda.


Selanjutnya, muncul tampilan form seperti di bawa ini : Upload profile picture dll, tapi proses ini bisa di skip dan bisa di updated belakangan


Ok, skip dulu dan lanjut proses sampai sistem menampilkan halaman penyelesaian akhir seperti tampilan screenshot di bawah ini :



Sampai disini, artinya pembuatan sebuah fanpage udah selesai dengan alamat URL : http://www.facebook.com/pages/nama fan page/kode fanpage atau
http://www.facebook.com/nama fan page

Proses berikutnya tinggal updated :
  1. Add profile picture
  2. Add Cover buat header
  3. Setting untuk admin
  4. Dan langkah berikutnya adalah menarik member atau orang lain untuk nge-like fan page kita
Salah satu cara efektif, mungkin dengan cara pasang Fanpage kita di Blog, untuk fitur ini di namakan LIKE BOX. Jadi pengunjung blog bisa melakukan "LIKE" dari Like Box yang di pasang di blog milik sobat.

Pasang widget Like Box di blog :
Untuk membuat widget like box sama mudahnya dengan bikin FP Facebook, silahkan sobat klik link ini : http://developers.facebook.com/docs/plugins

Dari pilihan aplikasi yang tampil, pilih Like Box, seperti gambar berikut :


Selanjutnya sampai di form pengisian data seperti gambar di bawah :


 Perhatikan gambar di atas :
  1. Facebook Page URL : Di isi dengan link fanpage sobat yg udah di bikin diatas
  2. Width & Height : adalah ukuran lebar dan tinggi, bisa di atur-atur sesuai dengan ukuran sidebar blog
  3. Color Scheme : Untuk menyesuaikan dengan backgroung blog milik sobat. Kalau backgroundnya terang, sebaiknya pilih light saja
  4. Selebihnya bisa di coba-coba sendiri, silahkan di test dengan melihat hasil preview di sampingnya.
  5. Langkah terakhir, Klik Get Code. Kode inilah yang nanti di pasang di widget blog
Gimana Cara mengambil Code-nya kemudian di pasang di Blog?
Dari membaca komentar - komentar dari pengunjung, rupanya masih banyak kendala yah?, sebetulnya cukup mudah. Pada saat klik Get Code, kita di hadapkan pada pilihan mau format :
1. HTML5
2. XFBML
3. IFRAME
4. URL

Dari 4 pilihan itu kebanyakan orang ambil HTML5 atau IFRAME, Namun saya lebih suka memakai kode HTML5. Kenapa?, karena script yang di bungkus IFRAME kurang bagus buat SEO. Kalau blog kita di test di http://chkme.com kode IFRAME akan mengurangi penilaian SEO blog milik kita:). Untuk itu pakai yg pilihan Tab HTML5 saja. Perhatikan gambar di bawah :

 
2 bagian script di atas jadikan satu dan Copas ke Widget atau bagian blog yg ingin di tampilkan FP tersebut. Kalau ingin tampil di Sidebar, copas apa adanya saja seperti script asli pada saat kita Get Code.

Namun kadang ada blogger yang ingin menampilkan FP di dalam postingan, atau menjadi bagian dari posting. Untuk kasus seperti ini kode harus di Parse dulu supaya tidak error. Coba search di google caranya parse script. Di bagian posting saya yg lain ada yg membahas tentang parse kode html.

Selamat mencoba tip dan tutorial mulai dari bikin Fanpage sampai cara pasang widget Like Box di blog. Semoga artikel ini bermanfaat bagi anda semua pengunjung blogger raffi dhiya atharik

cara membuat like fb di blog

hai semua, saya hri ini akan memberi tau anda semua tentang"cara membuat like fb di blog".

 sebenar nya simple saja, anda cuman harus membuka link ini saja: https://www.facebook.com/video.php?v=1418464088443531&set=vb.100008398607094&type=2&theater

gimana, simple bukan??.

sekian dri saya, bye.

Test Footer

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2013. raffi dhiya atharik - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger