Cara membuat Shoutmix Tersembunyi

Cara membuat Buku Tamu atau ShoutMix secara tersembunyi atau hidden akan mempercantk tampilan blog.





Berikut cara pembuatannya dalam Blog : 

1. Sebelumnya kita harus daftar terdahulu ke http://www.shoutmix.com/
2. Kalau sudah dapat kode HTML/JavaScript_nya dari ShoutMix baru masuk ke blog.
3. Login ke Blogger.
4. Kemudian klik Tata Letak dan Elemen Halaman.
5. Ketika sudah berada di Elemen Halaman klik Tambah Gadget.
6. Lalu pilih HTML/JavaScript.
7. Copy Paste kode 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF5FThDELVjkXzFoKMD1n4HOWd1DPUSn3oRfrPql-IzT9ZU8dmeRYRaUAwZOy95gIz6ur3T-kupqA00y7RautVJxWNjwKh_eSag__fV57W9poImvLxL6KLcTTq0PpdQppwu3J4ocwfb331/') 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"> 
<!-- Masukkan kode JavaScript yang didapat dari Shoutmiz -->
<br/>
<br/>
<a href="http://heningsenja-hening.blogspot.com">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

=============================================================

8. Langkah terakhir tinggal Save.


Keterangan :
a. Pada kode warna biru, ganti kode tersebut dengan kode buku tamu yang didapat dari ShoutMix.
b. Pada kode warna hijau, ganti dengan ID blog anda.
c  Bisa juga atur posisinya.
d. Ubah aja nilai atribut top kalau mau lebih ke atas dengan menjadi 30px atau 20px.

8. Langkah terakhir tinggal Save.


Sumber : http://ishizawa-blog.blogspot.com/2010/06/cara-membuat-shoutmix-tersembunyi.html