Sabtu, 19 Maret 2011

Cara Buat Shoutmix Tersembunyi


Tertarik dengan Buku Tamu yang ku punya? Kalau jawabanmu Ya, akan ku beberkan sedikit tentang hal itu. Code HTML ini aku dapet dari hasil ngegeledah blog orang, hehe..... Tapi bagus juga sih, jadi nggak perlu ruang yang cukup besar buat meletakkan shoutmix tersebut di sidebar kamu. Daripada kepanjangan cuap-cuap, langsung aja yuaww....



1. Login ke Blog kamu.
2. Pilih Tata Letak, trus klik Elemen Laman.
3. Klik Tambah Gadget, lalu pilih HTML/JavaScript.
4. Trus, tinggal copas aja code 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/AVvXsEiYfO_S5blLULSthu4LLyu5LhYi7FPsfA-_o74CRPSZzf3LYlDwYThT4KhT6OYDQI2-Vz_el3-3arSwlemO5yqTg9XqhL2UmEGzprxB_l4_VPvG8J1vHdpMhKzLfQ9USo8KZ_AM6XVkHGXb/') 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">
<!-- Ganti ini dengan kode buku tamu kamu -->
<br/>
Mau seperti ini?<br/>
Click aja disini--->
<a href="http://deka2de.blogspot.com/2009/12/cara-membuat-shoutmix-tersembunyi.html">
:tutorial-blog:


</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>




Untuk code <!-- Ganti ini dengan kode buku tamu kamu -->  , kamu ganti dengan kode buku tamu atau shoutmix yang kamu dapat dari situsnya. Untuk atribut top, kamu bisa sesuaikan dengan keinginan.

0 komentar:

Posting Komentar

Jangan lupa komentarnya.....