Hi, sobat blogger saya akan membuat tutorial bagaimana buat buku tamu melayang di Blog
Sobat segera saya berikan caranya:
1. pertama sobat harus ke halaman web Cbox ini
2. sobat harus klik di Get Your own free Cbox now!
3. lalu sobat isikan apa yang ada di text input yang kosaong itu.!
4. lalu sobat klik create my cbok
5. sobat login di cbok
6. sobat klik di menu look & feel lalu tekan loyout options
7. stelah sobat telah mengatur isi cboxnya lalu tekan save dan tekan get your code
8. sobat copi code nya setelah sobat mengisikan code ini :
<style type="text/css">#gb{<br>position:fixed;<br>top:25px;<br>z-index:+1000;<br>}<br>* html #gb{position:relative;}<br>.gbtab{<br>height:150px;<br>width:30px;<br>float:left;<br>cursor:pointer;<br>background:url('http://farm3.static.flickr.com/2771/4442306534_c1431ea4ce_o.png') no-repeat;<br>}<br>.gbcontent{<br>float:left;<br>border:2px solid #1300F2;<br>background:#FFFFFF;<br>padding:10px;<br>}<br></style><br><script type="text/javascript"><br>function showHideGB(){<br>var gb = document.getElementById("gb");<br>var w = gb.offsetWidth;<br>gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br>gb.opened = !gb.opened;<br>}<br>function moveGB(x0, xf){<br>var gb = document.getElementById("gb");<br>var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br>var dir = xf>x0 ? 1 : -1;<br>var x = x0 + dx * dir;<br>gb.style.right = x.toString() + "px";<br>if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br>}<br></script><br><div id="gb"><br><div class="gbtab" onclick="showHideGB()"> </div><br><div class="gbcontent">[MASUKIN CODE BUKU TAMU SOBAT DISINI]<a href="javascript:showHideGB()"><br></a></div><br></div><br><script type="text/javascript"><br>var gb = document.getElementById("gb");<br>gb.style.right = (30-gb.offsetWidth).toString() + "px";<br></script><span style="font-weight: bold;"></span>
9. selanjutnya sobat ganti code sobat disini [MASUKIN CODE BUKU TAMU SOBAT DISINI]
10. dan sobat simpan di widget sobat dan lihat hasilnya
11. semoga berhasil ya sobat.
sekian dari tutorial yang saya beri semoga bermanfaat bagi kalian semua jangan lupa
komentar ya... :)
0 komentar:
Posting Komentar