membuat buku tamu di blog. Sobat pengen tahu gak caranya agar di blog sobat ada buku tamu nya, agar sobat tahu siapa aja pengunjung blog sobat.
Oke langsung aja, gini ni caranya:
<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKKZUuib8yRvwDItGZwoGPrqHaZrWou3Csy8xcxdOLDMhjfK0HjyN0OF2v-UkDrs3DDsuPmjiZe-Hw_gyG_iiIrRNJk-LaUMQIp6itHkbcTvtgxnkN3wk46l0LkGnp3HE1vdIsFFyV0hX6/') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style><br /> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 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+")", 10);} } </script><br /> <div id="gb"><div class="gbtab" onclick="showHideGB()"></div><div class="gbcontent"><div style="text-align:right"><a href="javascript:showHideGB()"><br /> [Close]<br /> </a><br /> </div><!-- Begin ShoutMix - http://www.shoutmix.com --><br /> <iframe scrolling="auto" width="160" frameborder="0" src="http://www6.shoutmix.com/?sedotgoblog" height="400" title="sedotgoblog"><br /> <a href="http://www6.shoutmix.com/?sedotgoblog">View shoutbox</a><br /> </iframe><br /> <br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/><br /> <!-- End ShoutMix --><br /> <div style="text-align:right; font-size:10px">Dapatkan Buku Tamu Seperti Ini di<br /> </div><div style="text-align:right; font-size:10px"><a href="http://sedot-go.blogspot.com/2009/07/buku-tamu-yang-unik.html"><br /> www.Sedot-Go.blogspot.com</a><br /> </div></div></div><script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>
5.Simpan dan Lihat Hasilnya
Oke, Semoga bermanfa'at.
Mau tahu lebih banyak lagi Tentang informasi seputar blog Klik ini aja
Oke langsung aja, gini ni caranya:
- Sobat Login dulu ke Blog sobat
- Pilih Tata letak
- Tambah gadget > HTML/JAVA SCRIPT
- Terus sobat taruh code dibawah ini
<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKKZUuib8yRvwDItGZwoGPrqHaZrWou3Csy8xcxdOLDMhjfK0HjyN0OF2v-UkDrs3DDsuPmjiZe-Hw_gyG_iiIrRNJk-LaUMQIp6itHkbcTvtgxnkN3wk46l0LkGnp3HE1vdIsFFyV0hX6/') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style><br /> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 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+")", 10);} } </script><br /> <div id="gb"><div class="gbtab" onclick="showHideGB()"></div><div class="gbcontent"><div style="text-align:right"><a href="javascript:showHideGB()"><br /> [Close]<br /> </a><br /> </div><!-- Begin ShoutMix - http://www.shoutmix.com --><br /> <iframe scrolling="auto" width="160" frameborder="0" src="http://www6.shoutmix.com/?sedotgoblog" height="400" title="sedotgoblog"><br /> <a href="http://www6.shoutmix.com/?sedotgoblog">View shoutbox</a><br /> </iframe><br /> <br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/><br /> <!-- End ShoutMix --><br /> <div style="text-align:right; font-size:10px">Dapatkan Buku Tamu Seperti Ini di<br /> </div><div style="text-align:right; font-size:10px"><a href="http://sedot-go.blogspot.com/2009/07/buku-tamu-yang-unik.html"><br /> www.Sedot-Go.blogspot.com</a><br /> </div></div></div><script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>
5.Simpan dan Lihat Hasilnya
Oke, Semoga bermanfa'at.
Mau tahu lebih banyak lagi Tentang informasi seputar blog Klik ini aja
No comments:
Post a Comment
Bagaimana Pendapat anda ?