Selamat berjumpa kembali dengan saya untuk membahas mengenai hasil blogking hasil jalan-jalan hari ada beberapa oleh-oleh yang saya bawa pulang kampung salah satu yang akan kita bahas kali ini adalah menghilangkan Buku Tamu ata bisa juga untuk yang lain tapi belum saya praktikan entar sajalah yang penting kita fokuskan yang ini aja dulu nah ini code scriptnya ya, lumayan panjang karena sama code Buku Tamu anda dipasangnya biasa ajalah di sidebar juga cukup asal masih dilihat orang/pengunjung karena yang kelihatan hanyalah tulisan "BUKU TAMU" atau apa tulisannya terserah anda ya, seperti Buku Tamu Melayang bedanya mungkin letak saja.
Inilah caranya :
Inilah caranya :
- Pilih Tata Letak
- Pilih Tambah Gadget
- HTML/Javascript
- Copy Code script dibawah ini
<center>
<div><div style="margin: 15px;">
<div style="margin-bottom: 1px;" class="bigfont"><input style="margin: 0px; padding: 10px; width: 200px; " value="BUKU TAMU" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP BUKU TAMUNYA'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'BUKU TAMU'; }" type="button" />
</div>
<div style="border: 0px inset ; margin: 0px; padding: 0px;" class="alt2">
<div style="display: none;">
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i466.photobucket.com/albums/rr22/wong284/GuestBook.png') no-repeat; ________ : yang ini boleh diganti gambar guestbooknya temen. http://i466.photobucket.com/albums/rr22/wong284/GuestBook.png
}
.gbcontent{
float:left;
border:2px solid #FAFD02;
background:#FAFD03;
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">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=520437&boxtag=v9bckq&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#EDDEDB 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=520437&boxtag=v9bckq&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#EDDEDB 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
<div><div style="margin: 15px;">
<div style="margin-bottom: 1px;" class="bigfont"><input style="margin: 0px; padding: 10px; width: 200px; " value="BUKU TAMU" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP BUKU TAMUNYA'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'BUKU TAMU'; }" type="button" />
</div>
<div style="border: 0px inset ; margin: 0px; padding: 0px;" class="alt2">
<div style="display: none;">
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i466.photobucket.com/albums/rr22/wong284/GuestBook.png') no-repeat; ________ : yang ini boleh diganti gambar guestbooknya temen. http://i466.photobucket.com/albums/rr22/wong284/GuestBook.png
}
.gbcontent{
float:left;
border:2px solid #FAFD02;
background:#FAFD03;
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">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=520437&boxtag=v9bckq&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#EDDEDB 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=520437&boxtag=v9bckq&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#EDDEDB 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Warna Merah bisa anda ganti sedangkan warna biru itu adalah code Buku Tamu anda sendiri silakan ganti kalau tidak diganti itu buku tamu saya mau punya saya ?
Keterangan :
Ini Contohnya :
width: 200px; : Panjang Kolom Buku Tamu
padding: 10px; : Tinggi Kolom Buku Tamu seperti di bawah ini
Kemudian Simpan Selesai Selamat mencoba
Untuk lebih baiknya Buku Tamu yang lama dibuang saja karena akan mengganggu kinerja Buku Tamu yang baru
pnya gue kok gak mncul
nise impo gan :0
Bisakah anda cerahkan "Warna Merah bisa anda ganti sedangkan warna biru itu adalah code Buku Tamu ?", maksudnya saya kurang paham karna tdk ada penjelasan yang detail dan contoh.
Kurang Jelas ...???