Cara Membuat Buku Tamu Dengan Shoutmix Box

Baca Juga

Shoutmix Box Chatt

Bismillah.... Melihat judul diatas Cara Membuat Buku Tamu Dengan Shoutmix Box mungkin sobat agak rancu membacanya,, he he saya juga pusing mau apa judulnya. tapi maksud nya adalah cara memasang box shoutmix gitu aja lah..

Untuk membuat box shoutmix ini mudah sekali, langkah pertama sobat kunjungi situs shoutmix di alamat http://www.shoutmix.com/ jika sobat belum punya akun silahkan sobat daftar dulu. sobat tinggal mengisi user name, password dan alamat email.

Jika sudah sobat langsung login. dan dapatkan kode shoutmixnya di bawah tulisan shoutmix overview, lalu copy code tersebut.

Code Shoutmix Book

• Setelah di copy sobat login ke blogger dan masuk ke area Rancangan/Design Blog
• Tambahkan Gadget HTML/JavaScript
• Dan paste Kode tadi area HTML/JavaScript
• langkah terakhir Save dan lihat hasilnya

Jika sobat mau meletakan gadget tersebut di pinggir dengan posisi float, sobat tinggal tambahkan 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('http://lh4.ggpht.com/_NSa8I94a3wg/TJHDAQiJqSI/AAAAAAAAAGo/0LukH8E000Y/s800/tabs_asep.png') no-repeat;}
.gbcontent{float:left;border:2px solid #cd8c3d;background:#050505;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">

Kode Shoutmix Disini

<div style="text-align:right">
<a href=""></a>|<a href="javascript:showHideGB()"></a></div></div>
<a href="http://lutfietutor.blogspot.com/" target="_blank" title="Lutfi Tutorial Blog">GADGET</a>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

Gaanti tulisan yang berwarna merah dengan code shoutmix yang tadi sobat copy. semoga berhasil. Good Luck Happy Blooging