Cara Membuat Facebook Like Fanspage Melayang di Blog

Cara Membuat Facebook Like Fanspage Melayang di Blog

Kali ini saya akan menerangkan bagaimana cara nya membuat facebook like fanspage melayang di blog pada widget. Widget ini termasuk cara alternativ yang berguna untuk meminimalisir akibat banyaknya jumlah widget yang kita pakai, yang dikarenakan tidak ada ruang kosong lagi untuk menambahkah facebook fanspage pada halaman blog kita. Oleh karena itu facebook like fanspage ini sangat berguna bagi Anda yang ingin memiliki widget banyak namun dapat tertata dengan rapih. 

Cara Membuat Facebook Like Fanspage Melayang di Blog

Berikut adalah Cara membuat Facebook Like Fanspage Melayang Di Blog :

1. Masuk ke Akun Blog Anda.
2. Kemudian pada halama Dashboard pilih " Tata Letak ".
3. Pilih HTML/Java Script.
4. Dan Paste kan 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>
   <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 With Us !</a></center>
   <center>
   <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/infogadgetbandung?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;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&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=ilyasmuamarm&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
   <a class='close' href='#'>&times;</a>
   </div>

   Keterangan :
   - Tulisan dengan warna Biru bisa diganti sesuka Anda.
   - Tulisan dengan warna Merah diganti dengan Halaman Facebook Fanspage Anda.
   - Tulisan dengan warna Hijau diganti dengan id Twitter anda ( misalkan Twitter Idnya @ilyasmuamarm , Anda hanya tinggal memasukan " ilyasmuamarm " nya saja tanpa tanda " @ " )
5. Terakhir Jika sudah diganti semuanya seusai dengan keinginan Anda, silahkan Klik Save dan Kemudian lihat hasilnya.
   

Demikianlah Artikel Tentang Cara Membuat Facebook Like Fanspage Melayang di Blog, Cara Membuat Facebook Like Fanspage Melayang di Blog, yang bisa disajikan oleh obray-inisetut.blogspot.com "(4.0)"

Semoga Bermanfaat.