Membuat Buku Tamu Tersembunyi

Mungkin Kebanyakan dari sahabat Blogger sudah sering melihat bagaimana bentuk dari buku tamu tersembunyi buat yang belum mengerti bagaimana bentuk dari buku tamu tersembunyi dapat melihat contohnya disini

Gimana, sahabat Blogger tertarik untuk membuatnya?...

Cara Pertama

1. Pertama Login ke blogger.com dengan ID anda
2. Pada Dasbor, pilih Rancangan
3. Kemudian Tata Letak>>>Elemen Laman
4. Kemudian Tambah Gadget>>>HTML/JavaScript
5. Letakkan kode berikut ini pada kotak Scriptnya


Spoiler:


<style type="text/css"> #hitsukeFX{ position:fixed; top:100px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:550px; width:35px; float:left; cursor:pointer; background:url('http://i642.photobucket.com/albums/uu147/remoxp/Chatbox.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #ffffff;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:5px; -webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:5px;background:#000000; 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">

----- TARUH SCRIPT BUKU TAMU SAHABAT DISINI---------


<center><a href="http://artikel69.blogspot.com" target="_blank"> <img src="http://i1081.photobucket.com/albums/j350/bungiwan/Un1titled-1.gif"/></a></center></div>

<div style="text-align:right"> <a href="javascript:showHidehitsukeFX()"> [hide] </a> </div> </div> <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>




Penting :
Untuk dapat menggunakan Script diatas Sahabat Blogger terlebih dahulu memiliki Kode Buku Tamu Sendiri yang bisa Sahabat dapat melalui situs ini <--- atau ---> ini

Selamat Mencoba...

0 komentar:

Post a Comment