Make Shoutmix Fly or Melayang

Hola opamer...selamat berbahagia ada pelajaran lagi dari opa. ini sudah opa utak-utik agar sedikit beda dari yang lain. Bagi para opamer sejati mungkin sudah pada tau tentang "Chatting" or biasa disebut "Shoutmix" terbang melayang or nempel di Blog/ website. Terbangnya pake sayap ya opa? Wha ini beda, tanpa sayap bisa terbang .. burung merpati pun lewat lawan ini hahahha...Just kidding opamer hiks^_^ .. Intinya hari ini opa ingin bahas tentang itu...mau tau? mari go to tutorial:


1. Login Ke Blogger
2. Klik Dashboard
3. Klik Layout
4. next 'Page element'
5. Add a Gadget
6. Pilih Html/script
7. Edit script yang opa kasih warna merah:

<style type="text/css">
#nempel{position:fixed;top:65px;z-index:+1000;}
* html #nempel{position:relative;}
.nempeltab{height:100px;width:30px;float:left;cursor:pointer;background: #000033 url('http://img716.imageshack.us/img716/6416/pesanopama.jpg')no-repeat;}
.nempelisi{float:left;border:4px solid #ffffff;background:#000000;padding:8px;}
</style>
<script type="text/javascript">function showHideNempel(){var nempel = document.getElementById("nempel");var w = nempel.offsetWidth;nempel.opened ? moveNempel(0, 30-w) : moveNempel(20-w, 0);nempel.opened = !nempel.opened;}function moveNempel(x0, xf){var nempel = document.getElementById("nempel");var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;nempel.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveNempel("+x+", "+xf+")", 10);}}</script>
<div id="nempel">
<div class="nempeltab" onclick="showHideNempel()"></div>
<div class="nempelisi">
<iframe title="erdisekti" src="http://www5.shoutmix.com/?erdisekti" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www5.shoutmix.com/?erdisekti">View shoutbox</a>
</iframe>
<div style="text-align:right;"><a style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;" href="
http://opa-ma.blogspot.com/2010/01/make-shoutmix-fly-or-melayang.html" target="_blank">[Tutorial]</a>" <a style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;"href="javascript:showHideNempel()">[Close]</a></div>
</div>
</div>
<script type="text/javascript">var nempel = document.getElementById("nempel");nempel.style.right = (30-nempel.offsetWidth).toString() + "px";</script>

Keterangan
Yang berwarna merah ganti dengan script Shoutmix opamer.

8. Jika sudah diganti copy paste script hasih editan ke Kolom html/java script
9. Save
10.Selesai dah opamer ^_^
11.Mudah bukan hehehe

Terima kasih Buat kunjunganya. Eh ya kelupa'an...itu jg bisa dipake di website loh.. Oke see You

sumber : http://opa-ma.blogspot.com/2010/01/make-shoutmix-fly-or-melayang.html