My Facebook
Suka Dengan PAKSI DIRGANTARA? Ayo bergabung sekarang......!!!

Rabu, 14 Juli 2010

Membuat Buku Tamu Melayang

Rabu, 14 Juli 2010
Pernah tidak melihat sebuah blog yang di samping kanan atas ada gambar bertulisan Buku Tamu, yang kalau diklik akan keluar form isian yang menanyakan Nama, Website dan Message. Buku Tamu tersebut melayang artinya tidak terpengaruh oleh scroll mouse, walaupun mouse digulir ke bawah Buku Tamu tersebut tetap nampak. Mau tahu caranya?

  1. Sign in ke blogger dan silahkan Login dengan Account Anda
  2. Pilih Layout/Tata Letak
  3. Pilih Page Elemen/Elemen Halaman
  4. Klik Add a Gadget/Tambah Gadget
  5. Lalu pilih "HTML/JavaScript"
  6. Kemudian Copy-Paste kode di bawah ini :
    <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; 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.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> Letakkan disini <br/> Anda berminat buat Buku Tamu seperti ini?<br/> <a href="http://paksi-dirgantara.blogspot.com"> Klik disini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>


6. Ganti Tulisan berwarna merah dengan kode shoutmix anda.
7. Selamat Mencoba

33 komentar:

Fir'aun NgebLog mengatakan...

wah.... klo buku tamunya melayang, ntar klo ada tamu datang gimana ngisinya?.. harus melayang juga kyk superman yach :p hehehe....

muantab bgt bRo :D

AWAN MEGA PUTRA PAKSI DIRGANTARA mengatakan...

hehehe........ bisa aja... maksudna buku tamu tersembunyi di pojok kanan terus mengikuti gerakan layar dan akan keluar jika diklik.

Sungai Awan mengatakan...

Thanks gan tutornya.
Tp load blog jd lbh lama tdk ya

Anonim mengatakan...

wah bikin juga nih tutornya sob, tapi koq ga mempraktikkannya sob??

mixedfresh mengatakan...

aku belum pernah nyoba yang melayang ni sob

Kopi Susu Pahit mengatakan...

waw buku tamunya bisa melayang ya ...
para tamu yang datang bakalan melayang juga kalau mau ngisi .....

Paksi Dirgantara mengatakan...

@tomo: ya, tapi tidak terlalu besar.
@fathan: sudah saya praktikan dulu sob, tapi dulu demi kecepatan blog saya kembalikan normal serta menghapus beberapa widget yang tidak penting.
@mixed: kalo bgitu silahkann dicoba kawan.
@kopisusu: asal jangan kompinya aja yg melayang, ntar kalo jatuh rusak loh, hehehe.......

Rock Theory Bontang mengatakan...

wah mantab sob... kereeennn....

Paksi Dirgantara mengatakan...

thanx gan

Mahasiswa Jogja mengatakan...

wow..makasih infonya ..nice gan ...

Anonim mengatakan...

kok blog nie buku tamun.x g' mlayang

Alfenta mengatakan...

Bos untuk woordpress bisa gak ya...ada cara lainya? Coz aku coba ke woordpres ku alah error

Thanks..

Donny Kurniawan mengatakan...

Numpang COPAS ya...
kunjungi ya di http://adonia-cell.co.nr

Paksi Dirgantara mengatakan...

@anonim; sengaja sy buat bgini agar para pengunjung blog sy yg awam tdk bingung mencari buku tamu, dan tentunya akan lebih memudahkan pengunjung yang menggunakan ponsel.

@Alfenta; untuk wordpress sy belum coba sob, nnti kalo dah ga sibuk kuliah sy cba cari.

@Donny: silahkan di copas mas, asalkan di kasih sumber....

Silih_asih@crb.com mengatakan...

oke coyyy thanks 4 infonya

AWAN MEGA PUTRA PAKSI DIRGANTARA mengatakan...

@blagedog: masama...

Rachmad mengatakan...

segera di praktekkan kawan.. !!!!!

aedil mengatakan...

sudah dipraktekkan..........
berhasil.............

Unknown mengatakan...

visit my blog at http://varvo.blogspot.com/

kehin mengatakan...

thankz gan mantab
visit back ya http://kehin.blogspot.com/

112wan mengatakan...

ADUHH ,,, MANTAP INFO NYA GANN ,,????
MAMPIR GAN http://blogi-one.blogspot.com

erfan setiawan mengatakan...

manatab gan hsilnya.....
ma kasih trik nya gan....

formmps mengatakan...

thanks gan, gambarnya bisa di rubah ya gan :)

sedikit aja dulu mengatakan...

rasanya hati tamu pada blogamryrasyada.blogspot.com, akan sukaria menoreh secuwil kesannya berkat tutor agan yang akan kucobain nanti.thank gan!!

sedikit aja dulu mengatakan...

tolong tengok dikit gan, pro koreksi n up grade blogku tsb.trim berat buat agan.

dingdongtogel mengatakan...

Mau mendapatkan pelayanan yang baik dan ramah???

Modal Kecil bisa mendapatkan hasil yg luar biasa...

istanaimpian2 mengatakan...

Menarik sekali, perlu saya coba ini..
kebetulan lagi cara tentang hal ini.

bioskop4d mengatakan...

ok mantap sob buat infonya dan salam kenal

kera4d mengatakan...

keren mas buat infonya dan salam sukses selalu

totojitusgp mengatakan...

makasih gan buat infonya dan semoga bermanfaat

loginfun88 mengatakan...

dan salam kenal

peraktoto mengatakan...

Menarik sekali, perlu saya coba ini..
kebetulan lagi cara tentang hal ini.

bioskop4d mengatakan...

Mau mendapatkan pelayanan yang baik dan ramah???

Modal Kecil bisa mendapatkan hasil yg luar biasa...

Posting Komentar

Nah, setelah membaca silahkan berikan komentarnya ya.....!!!!!!!!

Related Posts with Thumbnails
 

Kenali Aku

Foto saya
Ku langkahkan kakiku ke 4 pulau. Ku cari jati diri yang sejati. Jawa kelahiranku, Kalimantan tumbuh kembangku, Sumatra kebanggaanku, Bali indah duniaku. Ingin ku lengkapi hidup ini dengan melangkahkan kaki ini di pulau lain. Kan tercukupi jiwa perantau ku ini.

Followers

Temui Paksi Dirgantara di Facebook