Kali ini Saya akan membagikan tentang tips membuat buku tamu melayang di sebelah kanan blog dan bisa ditutup dibuka.. , seperti buku tamu yang ada di blog saya itu, tulisan ini saya posting karena banyak temen-temen saya yang tanya "Gimana si buat buku tamu yang kaya gitu?" maka dari itu, saya buat tulisan ini. Nah dari pada bkin penasaran temen-temen, langsung aja ini caranya, Pertama-tama Anda buat dulu aplikasi chat Anda seperti shoutbox atau cbox, namun karena kini shoutbox sudah tidak gratis lagi, saya sarankan Anda untuk menggunakan Cbox saja yang gratis klik ini untuk menuju ke Cbox. Okeh silakan Anda buat akun kemudian pilih-pilih desain sesuai keinginan Anda, jika sudah jangan lupa untuk menekan "save" lalu pilih "publish" untuk memunculkan kode Cbox milik Anda. Lalu untuk membuat buku tamu melayang, ikuti langkah berikut ini :
1. Login ke blogger temen-temen.
2. Untuk blog yang baru, Anda pilih Tata letak.
3. Tambah gadget, Pilih HTML/Javascript.
4. Copy kan kode dibawah :
1. Login ke blogger temen-temen.
2. Untuk blog yang baru, Anda pilih Tata letak.
3. Tambah gadget, Pilih HTML/Javascript.
4. Copy kan kode dibawah :
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivpvXCwf910oI9jKFyFJvwaJUC_a8HVuWkMGo_9tEJoak_GJgbWLDXcSpaBlPCYi_SjaNpLD1NFoYnJ5FCa0vlwGajQobD7OjpDzIT6giWEy7jSbKUZHvf4Wi-3EXAqAt2nIHWTUFEigMK/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
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);}
}
MASUKAN KODE SCRIPT CBOX ANDA DISINI
[tutup]
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
5. Kemudian Paste kan kode script ini ke halaman gadget baru yang Anda baru tambahkan.
6. Yang terakhir simpan dan lihat hasilnya.
CATATAN :
Kode yang berwarna merah diganti dengan KODE SCRIPT CBOX yang telah Anda buat.
Okeh...semoga tulisan ini bermanfaat, dan selamat mencoba. ^_^
No comments:
Post a Comment
Rules komentar
-Gunakanlah kata yang efektif !
-Anda Sopan Kami Segan !
-Dilarang Spam,Flood, sara !
-Dilarang menggunakan Link aktif/Hidup !
-Mohon Maaf jika komentar anda tidak dibalas oleh admin !
BLOG DOFOLLOW