Memasang Shoutmix atau Buku Tamu Tersembunyi

Beruntunglah para blogger yang menggunakan pengampu blog yang memperbolehkan java script, terutama dalam hal pemasangan widget yang multi fungsi salah satu nya adalah ShoutMix. Biasanya shoutmix digunakan sebagai salah satu widget di sidebar sebuah blog, namun yang dibahas di sini adalah bagai mana memasang shoutmix bukan di sidebar blog, namun di sembunyikan di margin blog (dapat dilihat di samping kanan blog ini).

Langkah-langkah memasang shoutmix tersembunyi ini adalah sebagai berikut :

1. Masuk ke account Blogger kamu, pilih Layout; kemudian Page Elements;
2. Klik "Add a Gadget" (yang mana aja bisa), kemudian pilih "HTML/JavaScript",

3. 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/AVvXsEi_SLZt1blSKhxqsErCbGCXoTLNgP0Yb8jl46j9PwQoyCS_9CLdA9CjB7aTQwZTz087iKWMBQNCqLhCXTiF2Uko7ZxXKbF8g8qFqDKcst16C-sbOcX8beFSmw4E1_WsSgCzvazz5IU27b9x/') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style><br /> <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><br /> <div id="gb"> <div class="gbtab" onclick="showHideGB()"></div> <div class="gbcontent"> <!-- Ganti ini dengan kode shoutmix yang diberikan --><br /> <br/><br /> <br/><br /> <a href="http://forantum.blogspot.com">.<br /> </a><br /> <div style="text-align:right"> <a href="javascript:showHideGB()"><br /> [close]<br /> </a><br /> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

• Pada kode di atas, cari kode <!-- Ganti ini dengan kode shoutmix yang diberikan --> dan ganti kode tersebut dengan kode shoutmix yang anda dapatkan dari situsnya,
• Anda juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas, ubah jenjadi 30px atau 20px, terserah Anda.
• Free Shoutmix yang dapat anda gunakan (seperti yang saya gunakan) dapat anda access di sini!

Selamat mencoba....