Cara Membuat Facebook Fanspage Melayang

Oke kali ini saya akan posting tentang cara memasang Facebook fanspage melayang,,,,, Oke langsung saja gan....
Masuk ke Blogger kemudian masuk ke tata letak terus klik tambahkan gadget pada tata letak blog anda.
Oke, jangan lupa pilih HTML/Java Script Kemudian Copy Paste Kode dibawah 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;"> Join disini dulu ya,<blink> Like This !!!</blink> </p> <!-- Mulai --!> <div class="fb-like-box" data-href="https://www.facebook.com/afyaablogging" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"> </div> <!-- Selesai --!><a class='close' href='#'>×</a> <p style=" float:right; margin-right:35px; font-size:10px;" > </p> </div> <!-- 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;"> Join disini dulu ya,<blink> Like This !!!</blink> </p> <!-- Mulai --!> <div class="fb-like-box" data-href="https://www.facebook.com/<b> afyaablogging</b>" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"> </div> <!-- Selesai --!><a class='close' href='#'>×</a> <p style=" float:right; margin-right:35px; font-size:10px;" > </p> </div>

Kemudian ganti tulisan yang warna merah dengan alamat facebook fanspage anda
Klik save..
Selamat Mencoba Semoga sukses!!!!!

• Bagikan
• Bagikan
• Bagikan
• Bagikan
• Bagikan

About Admin Afyaa Site

Saya Ahmad Fatah Yasin Al Azmi, Admin Afyaa Site - Get More Get All. Terima Kasih Telah Mengunjungi Blog Saya... Semoga Artikel yang anda baca bermanfaat.... AAMIN.

Post Terkait