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 type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i50.tinypic.com/2qn3zv7.jpg') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
< Letakkan disini kode Lencana facebook kamu>
<div style="text-align:right">
<a href="http://fisheka.blogspot.com/2011/01/membuat-profil-facebook-tampil-di-pojok.html">
[By www.fisheka.blogspot.com]
<a href="http://www.fisheka.blogspot.com">
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
NB : Pada tulisan Letakkan 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.....




0 komentar:
Posting Komentar
Jika anda berkenan mohon tinggalkan pesan