Cara Memasang Like Box FansPage Melayang Di Blog Tanpa Edit HTML

Cara Memasang Like Box Fan Page Melayang Di Blog Tanpa Edit HTML - Cara ini sebenarnya sudah saya jelaskan pada postingan saya yang
Cara Memasang Like Box Fan Page Di Blog tapi itu masih jelek karena dia tidak melayang tapi yang kali ini melayang kerenkan.
Kira-kira jadinya nanti seperti seperti dibawah ini :

Fanspage Facebook Melayang di Blog

Fanspage Facebook anda pasti akan banyak di like karena mereka pasti melihatnya kecuali koneksi internetnya rendah.
Karena letaknya di tengah jadi saya membuatnya agak besar sedikit.
Bila anda tertarik untuk memasang Fanspage Facebook melayang anda harus mempunyai Fanspage terlebih dahulu karena kalau tidak ada ya... enggak bisa.
Untuk cara membuat fanspagenya lihat aja di blog lain ya.

Yap... kembali lagi ke judul pos, untuk cara memasang fanspagenya ikuti tutorial berikut ini.

Berikut adalah cara memasang Fanspage Melayang Di Blog :

1. Ambil kode script di https://developers.facebook.com/docs/plugins/like-box-for-pages . Jika tidak tau cara mengambil kodenya buka Link Ini lihat cara
1-4 disana.

2. Copy kode di bawah ini. Jangan asal salin lihat dulu keterangannya di bawah:

<!-- FB melayang tombol close --!><style type='text/css'>#kotak-facebook { position:fixed !important; position:absolute; /* IE6 */ bottom:-1000px; right:40%; margin:0px 0px 0px -182px; width:330px; 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; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 20px;} #kotak-facebook a.close { position:absolute; top:-10px; right:-10px; background:#333; font:bold 16px Arial,Sans-Serif; text-decoration:none; line-height:22px; width:22px; text-align:center; color:#fff; border:2px solid #fff; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; cursor:pointer; }</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'><p style=" margin-right:10px; font-size:15px; color:#000000;">Jika Anda Ingin Bergabung,<blink> Like This !!!</blink> </p><!-- Mulai --!>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fremajakreatif&width=300&height=290&colorscheme=dark&show_faces=true&header=true&stream=false&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowtransparency="true"></iframe>
<!-- Selesai --!><a class='close' href='#'>×</a><p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://regibrader-free.blogspot.com/search/label/Widget%20Blogspot">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://regibrader-free.blogspot.com/2013/05/cara-memasang-widget-like-box-facebook.html">Get This Widget</a></p> </div>

Keterangan :

Ganti width:330px; Dengan ukuran yang kamu sukai jika kamu ingin seperti punya sayabiarin aja tetap begitu.

Ganti #FFFFFF dengan warna background yang sesuai dengan template kalian.

Ganti Jika Anda Ingin Bergabung,<blink> Like This !!! dengan pesan pesan yang kamu inginkan jika ingin seperti pesan yang punya saya biarin aja begitu.

Ganti :

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fremajakreatif&width=300&height=290&colorscheme=dark&show_faces=true&header=true&stream=false&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowtransparency="true"></iframe>

Dengan kode yang kamu dapat di cara 1 tadi. Ini adalah hal yang penting bila kode ini tidak anda ganti cuma dibiarin begini saja maka fanspage saya yang akan tampil di blog anda.

3. Jika sudah Buka www.blogger.com

4. Klik Tata Letak di blog yang akan kamu pasang Like Blog tersebut