MEMASANG BUKU TAMU DENGAN MENU SLIDING



A
pakah sobat memasang buku tamu dengan mengunakan shoutmix ? Bagaimana rasanya setelah terpasang ? Tentu semakin seru saja kan, walau sedikit agak berat ketika loading. ( Hah...berat..!!? ) Walau cuma sedikit tapi lama-lama bisa semakin berat jika widget yang kita pasang bertambah. Sebelum hal ini terjadi bagaimana kalau shoutmix kita sembunyikan, tentunya akan bergeser keluar jika kita klik. Untuk hal ini kita bisa menggunakan menu sliding atau para sobat yang lain biasa menyebutnya dengan widget tersembunyi. Jika sobat ingin menyembunyikannya bisa memasukkan buku tamu sobat kedalam menu di bawah ini.
Caranya seperti biasa:
    Login ke blog sobat.
    Pilih tata letak.
    Tambahkan Gadget.
    Pilih HTML/JAVAScript.
    Ganti kode shoutmix di bawah ini yang berwarna biru dengan kode shoutmix milik sobat.
    Kemudian klik simpan
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:160px;
width:35px;
float:right;
cursor:pointer;
background: url('http://i761.photobucket.com/albums/xx252/darma_bucket/MENU-1.gif') no-repeat;
}
.gbcontent{
float:right;
border:2px solid #336633;
background:#FF66CC;
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.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">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="darmasena" src="http://www4.shoutmix.com/?darmasena"
width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www4.shoutmix.com/?darmasena">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat
widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->

</div>
<script type="text/javascript">
var gb = document.getElementById("gb") ;
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script></div></div>


Catatan:
    Warna kuning adalah alamat gambar beserta posisinya.
    Warna hijau untuk tampilan warna bisa sobat rubah.
    Warna merah adalah di mana posisi widget akan diletakkan.
    Sedang untuk warna biru adalah di mana sobat harus meletakkan kode shoutmixnya.

Jika sobat ingin mengganti tulisan menu dengan buku tamu atau guest book bisa memakai gambar di bawah ini. Sobat tinggal mengganti alamat gambarnya.

http://i761.photobucket.com/albums/xx252/darma_bucket/guestbook.jpg

http://i761.photobucket.com/albums/xx252/darma_bucket/buku-tamu.jpg



Semoga bermanfaat !!



17 komentar:

Sonny Head Bangers mengatakan...

siipp.. naes inpo..:D :D;0=))=))

Sonny Head Bangers mengatakan...

tukeran link bro.. ;0 http://sonnyheadbangers.blogspot.com :):):);;)

Click Berry mengatakan...

sumpah gg mudeng.. ~x(

saktia maulesa mengatakan...

:)
thanks...

Wiwin mengatakan...

NIce Info... mesti pelan-pelan nih ngikutinnya.. :D

The Best mengatakan...

"Info yang bermanfaat" jangan lupa kunjungi juga Cyber Techpoci

Ari Riswanto mengatakan...

good contents.... thanks ya....

http://ari2swanto.blogspot.com

kurniagan mengatakan...

Artikel yang sangat informatif dan membantu bagi bloging mania, trims sahringnya.

wahyu rusdiansyah mengatakan...

http://wahy03.blogspot.com/ mampir ya sob :)

rajanedesa mengatakan...

Contohnya seperti apa ya..
Terima kasih.

Ahmad Saadillah mengatakan...

Numpang link ya ..
Hotel murah di jakarta
Paket Wisata dan Tour Murah Indonesia Hanya di Piknikers.com

Ahmad Saadillah mengatakan...


Peluang Usaha Franchise / Waralaba Laundry Kiloan Profesional Terbesar Di Indonesia

Tiket Pesawat mengatakan...

thank infonya

susilo bambang mengatakan...

artikel yang menarik :) tuk agan&aganwati yg mau kredit suzuki ertiga ada diskon besar bln ini, langsung aja cek promonya di http://suzukimobilkeren.blogspot.com

susilo bambang mengatakan...

Artikel yang menarik. Para bunda yang mencari resep makanan silahkan ke http://menu-makan-sehat.blogspot.com

Lukisan Abstrak mengatakan...

Baru berkunjung ke blog ini, salam kenal yah..,,By : Lukisan Minimalis Set

Andi Taufik Widiarso mengatakan...

gan ada gambar yang lebih bagus ndak? yang lebih elegan gitu,,

:) :( ;) :D ;;) :P :-* :-o :(( =)) ~x(
Posting Komentar