Cara Membuat Fanspage Melayang di Atas Blog

Kita pasti pernah melihat kotak facebook melayang di atas blog,  Di blog ini pun saya memasang kotak  like fanspage beserta follow twitter dibawahnya, dan bisa dilihat ketika membuka halaman beranda situs ini, kotaknya melayang sendiri dari atas, hehe.. 

 Widget ini pun, salah satu cara alternative, ketika banyak nya widget yang penuh berjejeran di sidebar, memasang kotak like fanspage melayang di blog ini solusi tepat untuk mengatasi  penuhnya widget yang berada di sidebar dan fanspage kita pun jadi nya banyak yang mengelike. Mungkin juga agan tertarik dengan artikel cara meningkatkan pengunjung difanspage paling ampuh

dan untuk memasangnya, Perhatikan langkah langkah untuk membuat kotak widget like fanspage beserta Twitter melayang di blog berikut ini:

1. Buka Dasbor Blog

2. Pilih Tata Letak

3. Klik HTML/Java Script

4. Pastekan Kode Script Dibawah ini 

<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><br /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script><br /><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><br /><div id="box-message"> <br /><!-- HTML Start --><br /><center> <a class="murub">Klik Like Jika Anda Suka</a></center> <br /><center> <br /><iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/D12s12R1968?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=371524026202784" style="border: none; height: 258px; overflow: hidden; width: 292px;"></iframe><br /></center> <br /><!-- HTML End --><br /><br /><br /><div class="twitter"> <br /><!-- Twitter --> <iframe class="twitterx-follow-button" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=RumondorDes&show_count=& show_screen_name=&text_color=" style="height: 20px; width: 250px;" title=""></iframe> </div> <br /><div style="text-align: center;"> <br /><a href="http://fujianto21-chikafe.blogspot.com/2013/10/cara-membuat-fanspage-melayang-di-blog.html" target="_blank">Get This Widget</a></div> <br /><a class="close" href="#">×</a><br /></div>

5. Silahkan ganti Tulisan ini

    * "Klik Like Jika Anda Suka" dengan tulisan atau pesan yang anda inginkan

    * "D12s12R1968" dengan  Url Fanspage milik anda

    * "RumondorDes" dengan Url twetter anda

6. Save, selesai dan lihat hasilnya