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