Membuat Shoutmix Tersembunyi

Bagaimana cara membuat shoutmix (buku tamu) tersembunyi, itulah yang jadi pertanyaanku ketika jalan-jalan di blog remo-xp.

Yaah, ternyata membuat shoutmix bisa tersembunyitidak sesulit dan bahkan lebih mudah dari yang aku bayangkan setelah membuka page source blog tersebut.

Okey, langsung aja ndak usah berbelit-belit deh :-)

1. Silahkan login di blogger

2. Pilih Rancangan -> Elemen halaman pada tab menu

3. Klik add gadget/tambah gadget

4. Pilih HTML/JavaScript

5. Kemudian copy paste kode di bawah ini :
 ---------------------------------------------

#hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html

#hitsukeFX{position:relative;}

.hitsukeFXtab{

height:550px;

width:35px;

float:left;

cursor:pointer;

background:url('http://remoxp.hostzi.com/th_Chatbox.png')

no-repeat; }

.hitsukeFXcontent {

float:left; border:2px solid #ffffff;

-moz-border-radius-topleft:5px;

-moz-border-radius-topright:5px;

-moz-border-radius-bottomleft:5px;

-moz-border-radius-bottomright:5px;

background:#000000; padding:10px; }

</style>

<script type="text/javascript">

function showHidehitsukeFX(){

var hitsukeFX = document.getElementById("hitsukeFX");

var w = hitsukeFX.offsetWidth;

hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0);

hitsukeFX.opened = !hitsukeFX.opened; }

function movehitsukeFX(x0, xf){

var hitsukeFX = document.getElementById("hitsukeFX");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir;

hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){

setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} }

</script> <div id="hitsukeFX">

<div class="hitsukeFXtab" onclick="showHidehitsukeFX()">

</div> <div class="hitsukeFXcontent">

<!-- Kode Shoutmix mu Disini -->
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="180" frameborder="0" src="http://www5.shoutmix.com/?nufail"
height="450" title="nufail">
<a href="http://www5.shoutmix.com/?nufail">View shoutbox</a>
</iframe>
<!-- End ShoutMix -->

<div style="text-align:right">

<a href="javascript:showHidehitsukeFX()"> [hide] </a>

</div> </div> </div>

<script type="text/javascript">

var hitsukeFX = document.getElementById("hitsukeFX");

hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px";

</script>

---------------------------------------------

6. Klik Simpan
Keterangan :
* Tulisan warna merah silahkan ganti dengan kode shoutmix anda
* Tulisan warna hijau adalah gambar yang bertulisan CHAT, silahkan ganti dengan url gambar anda, atau biarkan jika ingin seperti milik Remo-Xp.
Semoga Berhasil ....!