Cara Membuat Fanspage Facebook dan Twitter Melayang di Blog

DEMO

Cara Membuat Fanspage Facebook dan Twitter Melayang di Blog - Pagii gann :D wahh udah pada bangun belom yak soalnya posting jam 4 subuh :v awkwakwkwak pasti pada ngiler semua nih >.< langsung aja kita bahas yuk Cara Membuat Fanspage Facebook dan Twitter Melayang di Blog cekidootttttototototot....

1. Masuk ke Blogger

2. Pilih Tata Letak

3. Tambahkan Gadget

4. Pilih Kode HTML/Javascript+

5. Copy Kode 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><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 di Like Juga Ya Fanspage Kami Sobat</a></center><center><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="______FANSPAGE_FACEBOOK______" width="250" show_faces="true" border_color="" stream="false" header="true"></fb:like-box></center><!-- HTML End --><br/><div class="twitter"><!-- Twitter --> <a class="twitter-follow-button" data-lang="id" data-show-count="true" href="_______TWITTER_______">Ikuti @____USERNAMETWITTER_______</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div><a class='close' href='#'>×</a></div>
Keterangan : 
______FANSPAGE_FACEBOOK______ = Ganti dengan Fanspage Facebook agan
_______TWITTER_______                = Ganti dengan Url (link) twitter agan
____USERNAMETWITTER_______      = Ganti dengan username twitter Contoh @Nezerbilly

6. Lalu Pastekan di Tempat Kode HTML\/Javascript tsb.

7. Simpan, dan tarrara! :D Lihat hasilnya!! 

Sekian dulu artikel gwa tentang Cara Membuat Fanspage Facebook dan Twitter Melayang di Blog

Tweet