Cara Membuat Like Box Melayang Di Blogspot

Cara Membuat Like Box Melayang Di Blogspot. Itulah judul artikel kali ini. Disini saya hanya akan membahas cara membuat like box nya melayang, dan yang disini bukanlah yang floating, melainkan munculan. Maksudnya adalah like boxnya muncul pada awal dibukanya laman ....
 
Silahkan Klik Demo berikut ini, untuk lebih jelasnya

DEMO

Dan Klik disini untuk Membuat Like Box Facebook.
Oke langsung saja...



Cara Membuat Like Box Melayang Di Blogspot

1. Buka blogger.com

2. Pilih tata letak

3. Klik "Tambah Gadget"

4. Pilih "HTML/JavaSript"

4. Pastekan Kode Di Bawah ini

<!-- 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: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; -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;"> Please Bantu Saya,<blink> Like This !!!</blink> </p> <!-- Mulai --!> Kode Halaman Facebook Anda <!-- 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://kumpulan-adsen.blogspot.com/">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://bos-tutorial.blogspot.com/2013/07/inilah-memasang-widget-like-box.html">Get This Widget</a></p> </div>

5. Klik "Simpan Setelan"

Tulisan "KODE HALAMAN FACEBOOK ANDA" diganti dengan kode yang telah anda dapatkan dari halaman facebook anda.

Jika anda ingin Tutorial Facebook yang lain silahkan kunjungi alamat url dibawah ini.

Tutorial

Sekian dari saya, jika anda ingin tutorial blog yang lain silahkan kunjungi alamat url dibawah ini.
http://3defit.blogspot.com/search/label/Tutorial%20Blog

Semoga beruntung dan berhasil ya.......  salam 3Defit Blog......