Perhatian !!

Maaf Blog ini sedang ada perbaikan. Dikarnakan template yang baru..tetapi akan saya selesaikan secepatnya.

Salam -Penulis

Cara Membuat FP Like Box Facebook


Hal ini sangat penting bagi sobat yang punya 'FP blog' tapi tidak bisa mengitregasikan ke blog sobat. saya 'penulis' ingin memberitahu sobat "Cara Membuat FP Like Box" bagaimana sih caranya ? tombol apa yang harus saya tekan ? dan gimana ?.. caranya bukan dengan tombol tapi dengan script HTML.
berikut langkah langkahnya :
1. login ke akun blogger sobat
2. Pilih "Tata Letak" > Pilih "Tambahkan Gadget" > Scroll sampai di tengah2 pilih "HTML/JavaScript"
Cara Membuat FP Like Box Facebook






3. Lalu copy-paste Kode berikut :
    <div class="fb-like-box" data-href="https://www.facebook.com/ID_FPsobat" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
*Kode berwarna biru diganti dengan ID FP misal http://www.facebook.com/zonall4all
selesai deh dan kalo sobat berhasil, hasilnya seperti ini :



tapi bagaimana like box nya yang seperti paling atas postingan ? gampang!... langkah 1 dan langkah 2 sama cuma kodenya berbeda masukan kode berikut :
<div class="fb-like-box" data-href="https://www.facebook.com/ID_FPsobat" data-colorscheme="light" data-show-faces="false" data-header="true" data-stream="false" data-show-border="true"></div>
*Kode berwarna biru diganti dengan ID FP misal http://www.facebook.com/zonall4all
kode ini cukup untuk menghemat daya "loading" Blog sobat :)

trus gimana kalo yang melayang gitu ? nah kalo yang melayang langkah 1 dan langkah 2 sama teruss. masukan kode berikut :
<!-- FB melayang tombol close by www.seocips.com --!><style type='text/css'>#kotak-facebook {position:fixed !important;position:absolute; /* IE6 */bottom:-1000px;right:40%;margin:0px 0px 0px -182px;width:310px;height:auto;padding:16px;-webkit-box-shadow: 0px 0px 7px #222;-moz-box-shadow: 0px 0px 7px #222;box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;color:#111;</style><script type='text/javascript'>$(window).bind("load", function() {// animasikan nilai top saat halaman telah selesai dimuat$('#kotak-facebook').animate({bottom:"50px"}, 1000);// hilangkan kotak pesan saat tombol (x) di klik$('a.close').click(function() {$(this).parent().fadeOut();return false;});});</script><div id='kotak-facebook'><!-- Mulai --!><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FID_FPKamu&amp;width&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;header=true&amp;stream=false&amp;show_border=false&amp;appId=1439296419615573" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:62px;" allowtransparency="true"></iframe><!-- Selesai --!><a class='close' href='#'>&times;</a></div>
*Kode berwarna biru diganti dengan ID FP misal http://www.facebook.com/zonall4all

Jika sobat ingin membuatnya sendiri di Developers Facebook silahkan Klik Disini 

dan berakhirlah postingan mengenai Like Box FP Facebook.semoga kalian merasa terbantu dengan adanya postingan ini wassalam :)
Selanjutnya
« Prev Post
Sebelumnya
Next Post »

Sebelum Berkomentar harap taati peraturan ini !
1. Tidak diperbolehkan Spam, Sara, dsb.
2. Menggunakan bahasa yang baik dan sopan
3. Dilarang mengawali keributan

Pembaca Blog yang baik selalu tinggalkan jejaknya !
:)
ConversionConversion EmoticonEmoticon

Thanks for your comment