1. Login dulu ke account blog anda dulu tentunya.
2. Kemudian klik LayOut->EDIT HTML
3. Masukkan kode di bawah ini tepat di atas kode ]]></b:skin>
NB: Gunakan tombol Ctrl+F untuk memudahkan pencarian kode tersebut
#fb{
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
4. Sesudah selesai meletakkan kode di atas, silahkan masukkan kode di bawah ini tepat di atas kode
<div id='bj'>
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe frameborder='0' height='400' scrolling='auto' src='http://www5.shoutmix.com/?blogger jepara' title='blogger jepara' width='160'>
<a href='http://www5.shoutmix.com/?blogger jepara'>View shoutbox</a>
</iframe>
<br/>
<!-- End ShoutMix -->
</div>
5. Ganti kode yang berwarna merah dengan kode shoutmix anda.
6. Simpan dan lihat hasilnya.
CATATAN: Selain digunakan untuk shoutmix, tutorial ini juga bisa digunakan untuk gambar melayang, video melayang, iklan melayang dll.