Three Cute Cherries


Selasa, Desember 20, 2011

CARA MEMBUAT SHOUTBOX TERSEMBUNYI

bismillah................
nahh kali ini kuliah lagi lmayan senggang nich...saya isi untuk berbagi buat kalian yang mau blog nya sedikit update hahaha..blog kita tanpa buku tamu rasanya kurang pas karena yang ngunjungi biasanya suka ngasih kesan dan pesannya lewat shout box..nah pada awalny saya juga pake shoutbox yang biasa tapi terkadang lola..karena terlalu banyak gadget yang saya pasang hihihihi....


langsung aja yahh
pertama-tama kamu harus punya shoutbox dulu caranya gampang tinggal daftar  aja di http://www.shoutmix.com/  nahh sesudah daftar nanti ada get code copas   script nya.....itu hanya pasang shoutbox aja untuk bisa kita umpetin tuh lihat script 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/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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">
<copas di sini>
<br/>
<br/>
<a href="http://forantum.blogspot.com">.
</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 shoutmix nya copas get code yang tadi pada yang warna merah selsai deehh........
kemudian copas di HTML/JAVA script selsai dehh
HAPPY BLOGING

1 komentar:

Lutfie tutorial blog mengatakan...

info basug dan sangat bermanfaat thanks

Poskan Komentar