Cara Pasang Buku Tamu di Sebelah Kiri

Alhamdulillahi robbil alamin, setelah sekian lama blog Tips dan Trik UDIK 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 script-nya, 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/Shoutbaru.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">

Taruh Script Shoutmix Sobat Disini

<br/>
Mau lihat tips yang lain?
<br/>
Klik di
<a href="http://ndeso-net.blogspot.com/">
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?

Sekedar informasi kalo tips ini dibuat di browser mozilla firefox, jadi kalo sobat menggunakan browser selain mozilla mungkin hasilnya tidak bagus. OK itu dulu tips blogging cara pasang buku tamu di sebelah kiri, lain kali kalo ada tips blogging bagus UDIK share lagi ke sobat semua. Terima kasih, matur suwuuun...http://www.alexa.com/siteinfo/http://ndeso-net.blogspot.com

Direkomendasikan