Ass, Kali ini saya mau post tentang Blog tutorial, yaitu
tentang cara memasang buku tamu melayang ,anda dapat melihat contoh nya disini.
Jika anda berminat Langsung saja ke tutorialnya ya....
1. Daftar
dulu ke CBOX
2. Sign
in ke blogger dan silahkan Login dengan Account Anda
3. Pilih
Rancangan/Tata letak
4. Pilih
Page Elemen/Elemen Halaman
5. Klik
Add a Gadget/Tambah Gadget
6. Lalu
pilih "HTML/JavaScript"
7. Kemudian
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://i37.tinypic.com/345o85i.gif')
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
KODE SHOUTMIX/CBOX ANDA DI SINI
<br/>
Anda ingin
membuat buat Buku Tamu seperti ini?<br/>
Klik di
<a
href="http://devilofcheater.blogspot.com/2012/02/cara-membuat-buku-tamu-melayang.html">
sini
</a>
<div
style="text-align:right">
<a
href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script
type="text/javascript">
var gb =
document.getElementById("gb");
gb.style.right
= (30-gb.offsetWidth).toString() + "px";
</script>
8. Selesai
cukup mudah bukan????
SSelamat Mencoba.... ^_^
0 komentar:
Posting Komentar