hay sobat, bagaimana kabarnya,,??
saya harap anda dalam keadaan baik baik saja,,
makasih ya udah nyempetin waktu buat berkunjung di ADITYA KIDDROCK
pada posting ini saya akan share mengenai cara membuat Guest book
atau buku tam, sebelumnya silahkan anda lihat dulu Demonya biar tidak mengecewakan, klik tombol Demo, dan demonya ada di samping kanan blog yang ada pada link di samping ini
gimana bagus tidak,?? jika mau silahkan baca terus sampai tuntas hehehe
NIH Screenshoot icon GUEST BOOK nya
jangan hawatir ya
nah penasaran nih bagaimana caranya oke deh tanpa basa basi langsung ajah nih caranya
1. pertama masuk blogger Dasboard
2. rancangan/design
3. elemen laman
4. add gadgets
5. pilih HTML/java script
masukin script di bawah ini.
<style type="text/css">
#gb{
position:fixed;
top:25px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i1148.photobucket.com/albums/o572/ahmadbj/GUESTBOOK111.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #1300F2;
background:#A9A9F5;
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">
LETAKAN KODE CBOX ATAU SHOUTMIX ANDA DI SINI
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
catatan :
6. Save
nah selesai deh
oke semoga itu bermanfaat ya buat kalian
saya harap anda dalam keadaan baik baik saja,,
makasih ya udah nyempetin waktu buat berkunjung di ADITYA KIDDROCK
pada posting ini saya akan share mengenai cara membuat Guest book
atau buku tam, sebelumnya silahkan anda lihat dulu Demonya biar tidak mengecewakan, klik tombol Demo, dan demonya ada di samping kanan blog yang ada pada link di samping ini
gimana bagus tidak,?? jika mau silahkan baca terus sampai tuntas hehehe
NIH Screenshoot icon GUEST BOOK nya
jangan hawatir ya
nah penasaran nih bagaimana caranya oke deh tanpa basa basi langsung ajah nih caranya
1. pertama masuk blogger Dasboard
2. rancangan/design
3. elemen laman
4. add gadgets
5. pilih HTML/java script
masukin script di bawah ini.
<style type="text/css">
#gb{
position:fixed;
top:25px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i1148.photobucket.com/albums/o572/ahmadbj/GUESTBOOK111.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #1300F2;
background:#A9A9F5;
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">
LETAKAN KODE CBOX ATAU SHOUTMIX ANDA DI SINI
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
- Tulisan yang berwarna biru dapat anda ganti dengan url Gambar yang anda inginkan atau tidak usah di ganti jika ingin hasilnya seperti yang ada di DEMO,
- masukin kode Cbox/shoutbox/lainya pada teks warna merah
6. Save
nah selesai deh
oke semoga itu bermanfaat ya buat kalian