Cara Membuat Like Box Facebook Melayang Di Blog

LopeTekno | Hello sobat Blogger :) ... lama tak ngasih trik , hehehehe maaf ya, Bagi anda yang ingin membuat Like Box Facebook Melayang Di Blog , nih ada sedikit tutorial semoga membantu anda memecahkan masalah .

Cara nya cukup mudah ko silahkan agan ikuti langkah demi langkah dibawah ini :

Berikut Ini Cara Membuat Like Box Facebook Melayang Di Blog :

1. Login Ke Blogger.
2. Langsung menuju Tata Letak → Tambahkan Gadget → HTML/Javascript.
3. Jika sudah Copy Kode di Bawah ini dan Paste di dalam Widget kolom HTML/Javascript tersebut.

<style type='text/css'> /* Message Box */ #box-message { position:fixed !important; position:absolute; top:-1000px; left:50%; margin:0px 0px 0px -182px; width:300px; height:auto; padding:16px; background:#fff; font:normal Dosis, Georgia, Serif; color:#111; border:2px solid #333; -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; } #box-message a.close { position:absolute; top:-10px; right:-10px; background:#fff; font:bold 16px Arial, Sans-Serif; text-decoration:none; line-height:22px; width:22px; text-align:center; color:#111; border:2px solid #333; -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:22px; -moz-border-radius:22px; border-radius:22px; cursor:pointer; } #twitterx { background: #EEF9FD; padding: 10px; text-align:center; border: 1px solid #C7DBE2; border-top: 0; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type='text/javascript'> $(window).bind("load", function() { // Animate Top Value When Page Loaded Completed $('#box-message').animate({top:"50px"}, 1000); // Remove Mailbox When Close Button On Click $('a.close').click(function() { $(this).parent().fadeOut(); return false; }); }); </script> <div id='box-message'> <!-- HTML Start --> <center> <a class="murub">Jangan Lupa Like ya</a></center> <center> <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/KORANLINE?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe> </center> <!-- HTML End --> <br/> <div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=Djelalatan&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div> <a class='close' href='#'>×</a> </div> <br>

Note →
→ Ganti ' Jangan Lupa Like ya ' sesuai keinginan sobat.
→ Ganti ' https://www.facebook.com/pages/https://www.facebook.com/KORANLINE ' sesuai URL Fanspage Facebook sobat.
→ Ganti ' Djelalatan ' sesuai dengan nama twitter sobat.

4. Simpan dan lihat hasilnya, selamat mencoba dan semoga bermanfaat.