<style type="text/css"> #gb{ position:fixed; top:75px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:200px; width:27px; float:left; cursor:pointer; background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #ddd; background:#F5F5F5; padding:10px; } </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"> PASANG KODE SHOUTMIX SOBAT DISINI <div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] <font size="2"><a href="http://vikrymadz.blogspot.com/2011/02/cara-menyembunyikan-kotak-shoutmix-buku.html"target=_blank"><div style="color: #444444;"> <span style="font-size: xx-small;">By ViKrY'X MadZ</span></div></a></font> </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>
Efek buku tamu versi 1
u halo semuanya..gmn kbarnya?? baek" aja kan??? hehe ..(sok perhatian) Ok deh meskipun template lagi berantakan tapi aku masih semangat untuk posting, yahhh..meskipun mungkin dah ada beberapa blog yang posting seperti ini...tapi disini saya hanya ingin share ke teman-teman ja bila ada yang membutuhkan..okey :-) Ok deh.. caranya adalah sebagai berikut : 1. login ke blog kamu. 2. Pilih Layout kemudian Edit HTML, ceklist Expand Widget Template. 3. Letakkan kode dibawah ini ke bawah ]]></b:skin>(tekan CTRL + F pada keyboard dan masukkan kodenya, ini untuk memudahkan saja)
Atau Kamu bisa pakai cara yang kedua: Kamu tinggal Tambah Widget atau kamu bisa ikutkan pada widget tertentu yang dengan format widget HTML/Java Script. Lalu kopas kode diatas jangan lupa juga sisipkan kode html ShoutMix Kamu, ini mungkin cara yang lebih mudah.. NB: Sebelum dipasang, Jangan lupa sesuaikan dulu. Ganti tulisan "PASANG KODE SHOUTMIX SOBAT DISINI" dengan kode shoutmix sobat. Trus untuk mengubah posisi tulisan buku tamunya ubah saja nomor atribut TOPnya dari 20px menjadi lebih banyak (30px misalanya) atau lebih kecil (10px), semakin kecil nilai PXnya posisinya semakin keatas. Satu lagi, kalau ingin mengganti gambar tulisan buku tamunya silahkan buat gambar sobat sendiri dengan ukuran 30px x 100px lalu upload di tempat image hosting sobat dan ganti url yang terdapat setelah tulisan background: dengan url gambar sobat. OK.... selamat berXperimen Setelah itu preview dulu, dan kalau tampilannya sudah sesuai keinginan kamu baru di save. good luck..
