Alhamdulillahi robbil alamin, setelah sekian lama blog UDIK-NET tampil dengan buku tamu yang ada di sebelah kanan. Karena buku tamu tersebut agak mengganggu pengunjung, kini buku tamu UDIK pindah ke sebalah kiri. Dengan sedikit modifikasi scriptnya, buku tamu yang tadinya ada di sebelah kanan kini pindah di sebelah kiri blog. Ufhh... lega sekali karena sebenarnya sudah dari dulu UDIK pengin buku tamunya dipindah sebelah kiri. Tapi berhubung setelah gogling mencari tips kagak pernah ketemu ya udah UDIK utak-atik sendiri dan ternyata Tuhan masih memberi jalan kepada UDIK. Alhamdulillah.Mungkin sobat juga pengin tahu cara pasang buku tamu di sebelah kiri. OK UDIK kasih bocorannya, semoga sedikit tips yang udik tahu ini bisa menjadi amal ibadah UDIK he..he..
Udah siap untuk menerima ilmu dari saya. OK ikuti terus kelanjutannya!!!
Ini dia langkah-langkahnya :
1. Hapus dulu script shoutmix yang lama
2. Masih di kotak HTML/Javasript, Copas kode berikut untuk mengganti script shoutmix yang lama. Kalo blog sobat belum ada buku tamunya langsung aja klik menu Tata Letak ->> Page Elemen ->> Tambah Gadget ->> Pilih HTML/Javascript dan copas kode berikut di dalam kotaknya.
Ini kodenya
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:60px;
float:right;
cursor:pointer;
background:url('http://i457.photobucket.com/albums/qq291/wakthingtegar/exshoutmix1.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #2A0A0A;
background:#000000;
padding:5px;
}
</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.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<br/>
Mau Lihat Tips Blogging?
<br/>
Klik di
<a href="http://ndeso-net.blogspot.com/search/label/Tips Blogging">
sini (Info Blog)
</a>
<div style="text-align:left">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script>
Nah kalo udah, simpen tuh hasil perbuatan panjenengan, lihat hasilnya dan shoutmix akan tampil statis di sebelah kiri blog sobat. Mudah kan?
OK itu dulu tips cara pasang buku tamu di sebelah kiri, lain kali kalo ada tips blogging bagus UDIK share lagi ke sobat semua. Maaf kalo sobat berkenan, agar tidak menghapus link UDIK-NET yang ada di kode tersebut. Terima kasih, matur suwuuun...
Terusin..>>
