Saturday, October 22, 2011

Cara Buat Hide Guest Book (tersembunyi)

hai hai smua.... ~~~~
berhubung ada yg kebingungan nih, gmn cra buat guest book seperti punyaku.. yg di pojokan itu loh, ini aku bwt postingan semoga bermanfaat :)

1. kalian harus punya shoutmix atau Cbox terlebih dahulu..
untuk membuatnya bsa di http://cbox.ws/?r=5-563360

2. Selanjutnya Login ke blogger,

3. Pilih Layout kemudian pada page element pilih Add Gadget (Sebenarnya gak mesti tambah gadget baru sih. Bisa juga di selipin di Gadget yg sudah terpasang.)

3. Pilih yang HTML / Javascript

4. Copy - Paste kode berikut ini kemudian masukin kedalam gadget (HTML / JavaScript)  tadi

<!-- Begin Show Hide Floating - http://www.hitsuke.blogspot.com --> <style type="text/css"> #hitsukeFX{ position:fixed; top:30px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:108px; width:37px; float:left; cursor:pointer; background:url('http://i683.photobucket.com/albums/vv193/vebyo/GuestPink.gif') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #d241c7; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#662200; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"><div class="hitsukeFXtab" onclick="showHidehitsukeFX()"></div><div class="hitsukeFXcontent"><!-- kode html Cbox kalian -->  <br /> Mw Guest Book yg Seperti ini..??<br /> Klik di <a href="http://hitsuke.blogspot.com/2009/08/membuat-show-hide-floating-menu.html"> Membuat Show Hide floating Guest Book </a> <div style="text-align:right"><a href="javascript:showHidehitsukeFX()"> [close] </a> </div></div></div><script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script> <!-- End Show Hide Floating - http://www.hitsuke.blogspot.com -->



Coba perhatikan code diatas di bagian * html #hitsukeFX{position:relative;}
kan ada code height untuk tinggi gambar dan width untuk lebar gambar, nah kode itu harus disesuaikan dengan ukuran gambar backround nya kalau misalnya kamu mo ganti OK..^_^

selajutnya coba liat di bagain .hitsukeFXcontent{
kan ada kode seperti ini
border:2px solid #d9e3ff; nah kode yang ini buat border / garis pinggirnya ganti kode warna #d9e3ff sesuai keinginanmu.

background:#ffffff; klo kode ini buat warna latar belakang / backgroundnya ganti kode warna #ffffff sesuai keinginanmu.
kemudian coba perhatikan baik-baik kode
G
u
e
s
t


B
o
o
k


jika di hilangin kode html na akan terbaca GUEST BOOK. klo mo ganti tulisannya sertakan kode
agar tulisannya terlihat vertikal kemudian sertakan
untuk spasinya

Selamat mencoba :)

 shared by http://amalialuphonewkey.blogspot.com

1 comment:

  1. You've made some decent points there. I looked on the net to find out more about the issue and found most individuals will go along with your views on this site.
    Look into my page ... Kaylee

    ReplyDelete

Jangan lupa tulis nama kalian sebelum komentar ^^

LinkWithin

Related Posts Plugin for WordPress, Blogger...

KAMSAHAMNIDA

Profile

My photo
Pangkalan Bun, Kalteng, Indonesia
Saya buat BLOG ini untuk berbagi dengan teman-teman penjelajah dunia maya.... WELCOME TO MY BLOG :)