Cara Membuat Shoutmix Melayang

Cara membuat shoutmix melayang mungkin bisa membuat blog kita lebih ramping dan tidak memakan tempat karena shoutmix ini bisa melayang mengikuti page yang berada di layar monitor...Sebelumnya kunjungi http://www.shoutmix.com untuk membuat shoutmixbox mu. Jika sudah ikuti langkah berikut :

1. Log in ke blogger

2. Klik "Rancangan"

3. Pilih Tambah Gadget kemudian pilih HTML/Java script

4. Lalu copy dan pastekan HTML di bawah 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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; 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"> <!-- Begin ShoutMix - http://www.shoutmix.com --> <iframe scrolling="auto" width="160" frameborder="0" src="http://www6.shoutmix.com/?donalsandy" height="400" title="donalsandy"> <a href="http://www6.shoutmix.com/?donalsandy">View shoutbox</a> </iframe> <br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a> <!-- End ShoutMix --> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

5. Ganti Code berikut dengan Code Shoutbox yang telah anda buat tadi

<!-- Begin ShoutMix - http://www.shoutmix.com --> <iframe scrolling="auto" width="160" frameborder="0" src="http://www6.shoutmix.com/?donalsandy" height="400" title="donalsandy"> <a href="http://www6.shoutmix.com/?donalsandy">View shoutbox</a> </iframe> <br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a> <!-- End ShoutMix -->

6. Simpan dan Lihat hasilya

SELAMAT MENCOBA

***************************

Komentar Lewat Facebook

Ingin Artikel wiro-com di kirim ke Email Anda. Masukkan Email Anda Disini:

Delivered by wiro-com