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

27 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

Paksi Dirgantara mengatakan...

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

tomo mengatakan...

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

fathan 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.......

Puguh Prasetyo 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....

BLAGEDOG mengatakan...

oke coyyy thanks 4 infonya

AWAN MEGA PUTRA PAKSI DIRGANTARA mengatakan...

@blagedog: masama...

Rachmad a.k.a Gorengan mengatakan...

segera di praktekkan kawan.. !!!!!

KHOLIFAH mengatakan...

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

ammar mengatakan...

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

kehin mengatakan...

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

irwan syah 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.

Seputar Bola mengatakan...

Berita Bola Terkini
Berita Bola Terkini
Bioskop Online
Bioskop Online
Bioskop Online
Prediksi Bola
Prediksi Togel
Berita Bola Terkini
Bioskop Online
Bisokop Online
Berita Bola Terkini

Valena Michelle mengatakan...

Agen Judi
Bandar Judi Online
Agen SBOBET
Agen IBCBET
Agen Casino
Poker Online
Agen Judi Terpercaya
Prediksi Bola
Agen Bola
Bola Judi
Bandar Judi
Judi Bola
Judi Bola
http://perapatan.com/prediksi-skor-torino-vs-genoa-29-september-2015/
http://perapatan.com/prediksi-skor-sampdoria-vs-empoli-30-oktober-2015/
http://perapatan.com/prediksi-skor-banfield-vs-rosario-central-1-noverber-2015/
http://perapatan.com/prediksi-skor-san-lorenzo-vs-temperley-1-november-2015/

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