Biasanya trik seperti ini di gunakan untuk buku tamu namun bagaimana kalau kita ganti dengan lencana profil
facebook kita...?? mau tahu cara nya, silahkan ikutin langkah
saya berikut ini :
1. Login di
Blogger kamu
2. Tata letak tambah Gadget, kemudian pilih HTML/JavaScript
3. Masukkan 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://www.marpoyan.co.cc/2010/02/cara-membuat-facebook-di-pojok-atas.html">
[By www.marpoyan.co.cc]
<a href="http://www.marpoyan.co.cc">
</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
4. Klik simpan dan lihat hasil nya
Ooh ya add juga facebook aku di
disini
17.25
wahyu mahamsah outsider sejati
