English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Senin, 17 Januari 2011

Membuat Buku Tamu Menghilang

|
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
<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(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP BUKU TAMUNYA&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;BUKU TAMU&#39;; }" 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&amp;boxtag=v9bckq&amp;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&amp;boxtag=v9bckq&amp;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 :
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

CoReTaN-CoReTaN DiNdiNG YaNg LaiN



JaNGaN LuPa BaCa YaNG LaiN | DaN TiNGGaLKaN CoReTaN SoBaT | Support by AcHoN'x

2 komentar:

Alvian mengatakan... 29 Agustus 2011 pukul 00.59

cara ganti warnanya gmana gan??
mohon pencerahannya..:D

Achonx Seenthings mengatakan... 10 September 2011 pukul 12.35

Pengaturan untuk ganti warna, jenis font semua sudah ada di shoutmix brader. qt tinggal pilih aja.

Posting Komentar

KoMuNiTaS Q

Copyright © 2011 SeenTHiNGS

Template N2y Shadow By Nano Yulianto