cara membuat buku tamu menempel di dinding laman blogs

posted by: irv4n s@ndEr

cara memasang buku tamu di  dinding blog 

kali ini saya postingkan cara pemasangan buku tamu pada blog yang menempel atau juga bisa dikatkan melayang ghitu haaa!!! toturial saya ini khusus untuk teman-teman yang belum mengetahui cara pembuatannya, dan untu para teman yang sudah mengetahuinya mohon saran dan dukungannya, sebenarnya cara membuat buku tamu melayang di blog tidaklah begitu sulit jika anda mengikuti totur  saya dengan benar.


ok langsung aja ke proses pembuatannya....!!

1.  langkah pertama pastinya anda login dahulu ke blogger 
2. Klik menu Design
3. Pilih menu tataletak kemudian.
4. click tambah gadget pilih  " HTML/Javascript".
5. kemudian    tulisan /masukan kode dibawah ini: 

<style type="text/css">
#nempel{position:fixed;top:65px;z-index:+1000;}
* html #nempel{position:relative;}
.nempeltab{height:100px;width:30px;float:left;cursor:pointer;background: #A5BD51 url('http://i984.photobucket.com/albums/ae328/Gie23_84/Gie%20Colection/11.jpg')no-repeat;}
.nempelisi{float:left;border:2px solid #ffff00;background:#A5BD51 ;padding:8px;}
</style>
<script type="text/javascript">function showHideNempel(){var nempel = document.getElementById("nempel");var w = nempel.offsetWidth;nempel.opened ? moveNempel(0, 30-w) : moveNempel(20-w, 0);nempel.opened = !nempel.opened;}function moveNempel(x0, xf){var nempel = document.getElementById("nempel");var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;nempel.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveNempel("+x+", "+xf+")", 10);}}</script>
<div id="nempel">
<div class="nempeltab" onclick="showHideNempel()"></div>
<div class="nempelisi">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="180" height="100" src="http://www5.cbox.ws/box/?boxid=679904&amp;boxtag=wptr7x&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-679904" style="border: 0px solid;" id="cboxmain5-679904"></iframe></div>

<div><iframe frameborder="0" width="180" height="75" src="http://www5.cbox.ws/box/?boxid=679904&amp;boxtag=wptr7x&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-679904" style="border: 0px solid;border-top:0px" id="cboxform5-679904"></iframe></div>

</div>

<!-- END CBOX -->

<div style="text-align:right;"><a style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;" href="javascript:showHideNempel()">[Close]</a></div>
</div>
</div>
<script type="text/javascript">var nempel = document.getElementById("nempel");nempel.style.right = (30-nempel.offsetWidth).toString() + "px";</script>

yang terakhir simpan dan lihat hasilnya....

keterangan: untuk kode yang berwarna biru Ente ganti dengan url buku tamu Ente...!! jika entE belum ada silahkan buat disini