Cara pasang buku tamu di sebelah kiri

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


#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;
}


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);}
}





Taruh Script Shoutmix Sobat Disini



Mau lihat tips yang lain?


Klik di

sini (Info Blog)



[close]





var gb = document.getElementById(“gb”);
gb.style.left = (30-gb.offsetWidth).toString() + “px”;


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

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s