Techno Photo Slideshow

Membuat Buku Tamu Melayang

oke kali ini gue pengen kasi info seputar dunia blogger nih. yang punya masalah sama tampilan bloggernya yang luar biasa rame tapi pengen nambahin satu bahan lagi biar lebih keren blognya. nih gue pengen bagiin gimana cara bikin buku tamu tapi nggak bikin penuh tampilan blog kalian. silahkan di coba ya, ini caranya :


1. kalian harus daftar dulu di cbox, kunjungi dulu http://www.cbox.com/ lalu klik SIGN UP
2. isi biodatanya secara lengkap, dan kalau sudah klik CREATE MY CBOX
3. setelah itu klik PUBLISH! untuk mendapatkan embed code dari cbox kalian
4. Buka blog kamu, seperti biasa pilih tambah gadget lalu html/java script
5. silakan copy - paste kode berikut ini:

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgZsocceIhprqr18wIkghM_6ZohDT18CFX5KjT2iaAcwe7Gduf9guiz7L9SLKDSdOjxpBEA0X7lnfY-y7xTvHX8hf4Sl6wMp3B04alAzakNvQr1WsTfLRDxkd9xOmzG5J37ObAg4D-TAQx/s1600/bukutamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </style> <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> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent">
Copy Paste kode cbox disini 
br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://www.cerdaskom.com/2012/02/membuat-buku-tamu-melayang.html"target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

6. Pada tulisan berwarnah merah silakan temen - temen blogger copy-paste kode cbox nya.
7. simpan urusannya selesai deh

semoga bermanfaat yaa...
sumber: http://www.cerdaskom.com/2012/02/membuat-buku-tamu-melayang.html

0 komentar:

Posting Komentar

 
Techno World © 2012 | Designed by Cheap TVS, in collaboration with Vegan Breakfast, Royalty Free Images and Live Cricket Score