;

Minggu, 01 April 2012

Cara Membuat Buku Tamu (Terbuka Tanpa Diklkik)

Minggu, 01 April 2012

 yah langsung deh ane posting kesini. Langsung langkah"nya aja ya sob...... 
1. Login Blog 
2. Rancangan --> Elemen halaman --> tambah widget -->HTML/Javascript 
3. Lalu masukkan kode dibawah ini.

<style type="text/css"> #gb{ position:fixed; top:20px; z-index:+1000; }* html #gb{position:relative;} .gbtab{ height:150px; width:50px; float:left; background:url('http://i1042.photobucket.com/albums/b429/Farix_2010/Chatting.png') no-repeat; } .gbcontent { float:left; border:1px solid #BB0000; -moz-border-radius-bottomleft:10px; -webkit-border-radius-bottomleft:10px; -o-border-radius-bottomleft:10px; -khtml-border-radius-bottomleft:10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-ih9lhlZS-n6ZqVuoz0eLnzsFLf_TaOM9LrYa1eEzDqtEQeUIgtHHyilTfpiHYygKdJAbpCtETNhVUZQKTgci1fu8znvGzIeMBMT7Haar8V-uXs3l-NDjfr6WWyFk-LXl7OlxaghiSSso/s1600/api.gif) no-repeat bottom; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0); gb.opened = !gb.opened; }function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);} }</script> <div id="gb"> <div class="gbtab" onmouseover="showHideGB()"> </div> <div class="gbcontent"> <center> ISI DENGAN KODE BUKU TAMU SOBAT <br /> <div style="text-align:center"> <a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox"> <center><hr /><img src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" /><hr /></center> </a> </div> </center></div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (50-gb.offsetWidth).toString() + "px"; </script></div>
NB : Letakkan kode buku tamu sobat pada ISI DENGAN KODE BUKU TAMU SOBAT 
4. simpan dan selamat mencoba....

TERIMA KASIH TELAH MEMBACA , BILA ADA SESUATU YANG KURANG BERKENAN MOHON DI MAAAFKAN

Achmad - 20.27

0 komentar:

Posting Komentar