1

Cara Membuat Badge FB Melayang

Senin, 23 Juli 2012
Share this Article on :


Nih Gan Biasanya Badge FB Di Sidebar Sekarang Di Pojok Kiri
Langsung Aja Ke TKP

1. Masuk ke Blogger
2. Klik tata letak
3. Klik tambah gadget
4. Klik tambah HTML/JavaScript
5. Copas Code Di Bawah Ini

<style> #hcl { position:fixed; top:200px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:400px; width:30px; float:left; cursor:pointer; background:url('https://sites.google.com/site/rakasajmk/download-1/download-2/FB.png') no-repeat; } .hclcontent { float:left; border:2px solid #3366ff; background:#ffffff; -moz-opacity: 0.1; opacity: 0.9; -khtml-opacity: 0.0; margin:0 auto 10px; padding:3px; }
    .hc-credit {font-size:9px}
    .hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent">

    <!-- Facebook Badge START --><a href="http://id-id.facebook.com/mbahcip2" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Sempak Baja">Sempak Baja</a><br/><a href="http://id-id.facebook.com/mbahcip2" target="_TOP" title="Sempak Baja"><img src="http://badge.facebook.com/badge/100003603866174.771.40937065.png" style="border: 0px;" /></a><br/><a href="http://id-id.facebook.com/badges/" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Buat lencana Anda sendiri!">Buat Lencana Anda</a><!-- Facebook Badge END -->

    <br /> <div class="hc-credit"> <span style="float:left"></span> <span style="float:right"> <a href="javascript:showHidehcl()">  </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div>   <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script></div>


6. Save

Note :
-Tulisan yang berwarna biru dapat sobat ganti dengan akun fb sobat


Artikel Terkait:

Comments
1 Comments

1 komentar:

Posting Komentar