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 :
• Pilih Tata Letak
• Pilih Tambah Gadget
• HTML/Javascript
• Copy Code script dibawah ini
Kode yang tercetak tebal bisa di ganti dengan kode buku tamu or widget yang lain.
Tulisan BUKU TAMU dapat di ganti dengan tulisan apa saja.
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
Baca selengkapnya »
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>
Keterangan :<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>
Kode yang tercetak tebal bisa di ganti dengan kode buku tamu or widget yang lain.
Tulisan BUKU TAMU dapat di ganti dengan tulisan apa saja.
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