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

Unknown mengatakan...

sumpah gg mudeng.. ~x(

Unknown mengatakan...

:)
thanks...

Wiwin mengatakan...

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

Ari Riswanto mengatakan...

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

http://ari2swanto.blogspot.com

kurniagan mengatakan...

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

Unknown mengatakan...

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

belajarpagemaker.blogspot.com mengatakan...

Contohnya seperti apa ya..
Terima kasih.

writer mengatakan...

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

writer mengatakan...


Peluang Usaha Franchise / Waralaba Laundry Kiloan Profesional Terbesar Di Indonesia

bambang mengatakan...

thank infonya

Unknown 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

Unknown mengatakan...

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

Unknown mengatakan...

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

Unknown mengatakan...

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

Darren Demers mengatakan...

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. khaadi bed sheets , cotton comforter sets , nishat linen comforter , bridal bed sheets 2018 , duvet covers

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