Lipsum Text Widget

Minggu, 19 Februari 2012

Cara Buat Hide Guest Book (Tersembunyi)

Diposkan oleh layla3103 di jakarta 06.39.00
Reaksi: 
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"><!-- <!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=563360&amp;boxtag=b3pck3&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=563360&amp;boxtag=b3pck3&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX --> -->  <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 -->


yang berwarna biru silahkan diganti dgn kode html Cbox kalian..

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

0 komentar:

Ada kesalahan di dalam gadget ini
 

♥KOREAN CHINGU (한국 친구)♥ © 2010 Web Design by Ipietoon Blogger Template and Home Design and Decor