Cara Membuat Like Box Facebook Melayang Di Blog.

Cara Membuat Like Box Facebook Melayang Di Blog. Tutorial blog berikut ini akan membahas seputar facebook yaitu tentang Cara Membuat Like Box Facebook Melayang Di Blog. Tentunya sobat sudah tahu keuntungan jika mendapatkan banyak like fanspage facebook kita, Misalanya untuk artikel kita sendiri dan untuk membaritahu pengunjung seberapa populernya website kita di media sosial seperti facebook.

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/tipeex?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/andy.sulistiyo.4549?ref=tn_tnmn' sesuai URL Fanspage Facebook sobat.
• Ganti ' ALLofmemian ' sesuai dengan nama twitter sobat.

4. Simpan dan lihat hasilnya.

YA Sekian dulu postingan tentang "Cara Membuat Like Box Facebook Melayang Di Blog." semoga bermanfaat, thanks.