Cara Membuat Profil Facebook di Pinggir Blog

 

Kali ini saya akan berbagi megenai cara membuat Profil Facebook tampil di Blog kamu tepatnya di bagain pojok kanan blog kamu . Biasanya trik seperti ini di gunakan untuk buku tamu atau follow dll namun bagaimana kalau di ganti dengan lencana profil facebook?? contohnya seperti yang ada di blog ini. jika berminat silahkan ikutin langkah berikut ini :

1. Login di Blog kamu
2. Klik tata letak tambah Gadget, kemudian pilih HTML/JavaScript
3. Masukkan Copy Paste kode di bawah ini


<style> #hcl { position:fixed; top:30px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('http://i1287.photobucket.com/albums/a624/alieman/FB_zps0f53f660.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">

<a href="https://www.facebook.com/alieman182" target="_TOP" title="Alie Abdurrohman"><img src="https://badge.facebook.com/badge/100000141978197.1625.1062884081.png" style="border: 0px;" /></a><br/>

<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>



NB : Pada tulisan berwarna biru itu ganti, jika belum punya script profil anda klik disini kode Lencana facebook kamu, ganti dengan kode lencana facebook kamu untuk mengetahiu code lencena kamu login ke facebook kamu, terus klik disini, lalu pilih lencena profil dan copy paste code yang di kotak.

4. Klik simpan dan lihat hasil nya.

SELAMAT MENCOBA.....