Cara Membuat Fans Page Melayang di Blogspot

Pernahkah anda saat membuka website lalu muncul sebuah widget fanspage yang melayang ? Kali ini saya akan membahas cara membuat Fans Page melayang di Blogspot.

1. Buka Dasbor Blog
2. Pilih Tata Letak
3. Pilih HTML/Java Script
4. Pastekan kode script berikut :
<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">Join Us On Facebook</a></center> <center> <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/boomskin?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=designPDC&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div> <div style="text-align: center;"> <a href="http://boomskin-blog.blogspot.com/2014/06/cara-membuat-fans-page-melayang-di.html" target="_blank">Get This Widget</a></div> <a class='close' href='#'>×</a> </div>
5. Cari kode https://www.facebook.com/boomskin ganti dengan url fanspage anda lalu cari code designPDC ganti dengan username twitter anda
6. Simpan