Tutorial membuat shoutMix tersembunyi

Sebelum mulai membaca lebih jauh silahkan tengok ke sebelah kanan blog, Disana ada tulisan buku tamu, coba diklik. Bukan maksud menyuruh tapi pada tutorial ini saya akan posting tutorial membuat shoutmix tersembunyi yang contohnya seperti itu. Cara bikinnya cukup mudah.

Berikut tutorial membuat shoutmix tersembunyi :

- Masuk ke blogspot dengan id dan pasword anda

- Klik layout

- Kemudian klik add a gadget. Letakknya dimana saja. Tapi disarankan di sideBar.

- Pilih HTML/Java script

- Copy kode berikut dan letakkan disana.

<style type="text/css"><br />#gb{<br />position:fixed;<br />top:50px;<br />z-index:+1000;<br />}<br />* html #gb{position:relative;}<br />.gbtab{<br />height:100px;<br />width:30px;<br />float:left;<br />cursor:pointer;<br />background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkZcGWKN_z75NGCtGLvHbkxvwHE2KDDdE1kaUzgDw5BGY-jTh_1gNh2jEsgg6DpzIdXZ0acY7xTl2xHVw3YTzrTF5TULhZemhiLaCp2PcsvBhbAfLQhBgVPsRpavT2SFVKSxIRZsLr2KCd/') no-repeat;<br />}<br />.gbcontent{<br />float:left;<br />border:2px solid #A5BD51;<br />background:#F5F5F5;<br />padding:10px;<br />}<br /></style><br /><script type="text/javascript"><br />function showHideGB(){<br />var gb = document.getElementById("gb");<br />var w = gb.offsetWidth;<br />gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br />gb.opened = !gb.opened;<br />}<br />function moveGB(x0, xf){<br />var gb = document.getElementById("gb");<br />var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br />var dir = xf>x0 ? 1 : -1;<br />var x = x0 + dx * dir;<br />gb.style.right = x.toString() + "px";<br />if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br />}<br /></script><br /><div id="gb"><br /><div class="gbtab" onclick="showHideGB()"> </div><br /><div class="gbcontent"><br /><!-- Ganti ini dengan kode buku tamu kamu --><br /><br/><br />Mau seperti ini?<br/><br />Click aja disini---><br /><a href="http://blogspot-tips2.blogspot.com/2009/09/tutorial-membuat-shoutmix-tersmbunyi.html"><br />Blog Tips dan Tutorial<br /><br /><br /></a><br /><div style="text-align:right"><br /><a href="javascript:showHideGB()"><br />[close]<br /></a><br /></div><br /></div><br /></div><br /><script type="text/javascript"><br />var gb = document.getElementById("gb");<br />gb.style.right = (30-gb.offsetWidth).toString() + "px";<br /></script></div></div><br />

- Carilah kode <!-- Ganti ini dengan kode buku tamu kamu --> gantilah kode tersebut dengan kode shoutmix milik anda.

- Anda juga bisa merubah letaknya. Jika ingin lebih ke atas ganti nilai atribut top-nya dengan nilai 30 atau 20 px.

- Selesai...

Tutorial ini saya kemas ulang dari forantum.blogspot.com tengkyuw gan..!!

Semoga bermanfaat...