Tutorial: Hide shoutmix

Bismillahirrahmanirrahim.. Assalamualaikum ♥ Hello silent reader ! ♥
ieyza buat tuto diatas permintaan cik pika mokka and juga sufiana.sory baru dapat wat tuto nie. bz la. hee..
ok. mula-mula pergi kat
dashboard > design > add gadget > html/javascript
copy code kat bawah and paste kan..

<style type='text/css'> a.linkopacity img { filter:alpha(opacity=50); -moz-opacity: 0.5;F opacity: 0.5; -khtml-opacity: 0.5;} a.linkopacity:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } </style> <div style='display:scroll; position:fixed; top:50px;right:-0px;'> <a href="javascript:void(0);"onclick="showHideAT()"/><img class="expando" width="120" height="150"src="URLBUTTON" alt="PUSH" title="shout here!"/></a> </div>
<style type="text/css">#at{position:fixed;right:450px;z-index:+1000;}* html #at{position:relative;}.attab{height:100px;width:50px;float:left;cursor:pointer;background:url();}.atcontent{float:left;border:px solid ;background:url() repeat-x bottom center scroll ;-moz-border-radius-topleft:15px;-moz-border-radius-topright:15px;-moz-border-radius-bottomleft:15px;-moz-border-radius-bottomright:15px;padding:10px;}</style><script type="text/javascript">function showHideAT(){var at = document.getElementById("at");var w = at.offsetWidth;at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);at.opened = !at.opened;}function moveAT(x0, xf){var at = document.getElementById("at");var dx = Math.abs(x0-xf) > 25 ? 35 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;at.style.top = x.toString() + "px";if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}}</script><div id="at"><div class="attab" onclick="showHideAT()"> </div><div class="atcontent"><div align="center"><div style="background:url() no-repeat;"><div style="background:url(URLBACKGROUND) no-repeat;padding-right:25px;padding-left:10px;padding-top:100px;padding-bottom:40px;">
CODE SHOUTMIX
</div></div></div><br /><div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><a href="http://wanhazel.blogspot.com/"><div style="color: #FFFFFF;"><span ></span></div></a></a></div></div></div>
<script type="text/javascript">var at = document.getElementById("at");at.style.top = (-200-at.offsetWidth).toString() + "px";</script>

OK..tapi lum ciap agy..hee

URLBUTTON tu korang gantikan dengan url untuk button untuk orang klikthen kuar la shoutmix tue. macam ieyza pic ieyza yg ada tulis shoutmix tue.

URL BACKGROUND gantikan dengan code yang mana2 korang suka untuk dijadikan background korang..

CODE SHOUTMIX gantikan dengan code shoutmix korang k..
kat bawah nie. ada beberapa url untuk background..

1.https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsU2Py3RvOOUN7cEBtVGC4eM6jWqOIEXq4-XczaClofGDjq8rNAEXj1sfZQ7LuQKKfMmlXMXyvzg0TG0sJSLO4foCe-vogIWaS5xi61Xo-fwXamJhtt1OCwK2BzhSLD7NQuA40MbYdkgsT/s1600/cboxqs7.gif 2.https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglVGvg0udCQrTaEPXj0aqiLbfDIwZDeUBGnTIEE49jNsP_C3FHJJ4HRNQv8kf9YBQNmbu7OaEFfTi7E1gu65ng4nffvTE1NnzbvmKuBpufLnjDi8oUU_kEVjT0Clyws8sPVMKsPv9V_4eH/s1600/cb1tn8.gif3.https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNJ-mqGr_NGg-WwR9KYjZJ4ZGU0iB8062ZTurPD_GMKWDMxc3hdalSugLyWiidaMzS-SBmLHN1cuzYjBx_DzZ5x8u-n7F4UnN2XUP7dfDH143Ea-jCkBSlsnxT_c3R50XZl-FWH8Yg7yxb/s1600/stroberi.gif4.https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4FZ8m2cS2GCRpT85-otEEL71-Aq8GaiiYLTAp-6ZqrrzWbFnj57nkCAPYJihY-yOqvd47Rr_IeUHZyCRCJ56H_osA2t7F92koMe3Mp8a402K51lyf9twpBoBYtng8BGmn_NwQPY4Si7Bj/s1600/48f452f7be38d.gif5.https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNllTMGUGhQdpgp15wDSf425wp4es7S1Gb3z1uqHSQ3RAITgHzu9oOhaa6lz9I_-yxIzEybIi1ZMVSdzM87DR8u9JFJ5mZwc6Pn8uqhMjz1iHo2pt-VHgEI_FYn5umPYc7M-G7UdKgZ0FV/s1600/4978679104666.gif6.https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrR4oD6H8rcdUy-7P9wH_sOnGhwVZ0TS_bNxmD1CFfzm07V3Xb-Etn0HzIjQfG-CgQ1LFdAL_szxJv6nhLnidB6vb8e-s-qyrk-eaWAi-0v4exPeZTHsyRdBoCZ5HA9t-jxujaBBMULdyS/s1600/48f3f9aa4bef8.gif7.https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg55EN9zpLh2_kqE4Oe0hF0DDlr8jNLu5vhq-YXFg77bZ9y-YnJm99iKIcIol7_3T0flf0PG25BFCsg6hMFdPKFLlHClQZQZZ1tj13JR5MYRE4q177qT_bHDSCrEAq5bNGKmYf8jfa2JBho/s1600/48f419e550585.gif8.https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNWciL0QjMehiFdgnOsbmj3JHCJyUS1TnuMLnZ4H5071r7id7CrTGNwZkVIF80hg6O2bBcqlRzB-hS6uNDQ0FUC-xXC99EO3PVLWDfsMs4vCbxYAvg1VzPJ-GM3KiTbldCeHFGYhyphenhyphen1FFFd/s1600/1218455869.gif9.https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSkFLTkobLgfNzEI0w2H040A-agudCtPW1snD2NL0-OKmRnoIC43lNJ1b-r9bXOxO94gCTnT-PmKxuOlODvkWC_aDFEWiegfKjT_DMn3FenAKlWfjvbkktAWG7b9nKCt1tM4t03E9GIULE/s1600/497460d013b3b.gif

saiz shoutmix mestilah diubah mengikut kesesuaian width n height background tersebut.kalau ieyza shoutmix ieyza ubah contoh:
width="150" height="250" frameborder="100" credit to: Rinda and Wan Hazel