Kamis, 03 Januari 2013

Toturial :Hidden ShoutBox Melyang `!

Ok Toturial dah 3 nih sama yang ini juga! hari ini gw mau bikin Totu yang banyak ah
Nh Totu Cbox terbaru gw. ^^
Ikutin langka GW yah!

   Maksud ini Lohh ShoutBox melayang? ya kan?
Kalau sudah kamu lihat.
Dan kaya begini kalau kamu buka? iya kan.?

1. >> Tata Letak >> Tambah Gagdet >> HTML/JavaScript
2. Copy Code Dibawah yah ^^
<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/AVvXsEgXarzpAmcUxnV1gaQ-wozhkPKrh8gCkNAktSD2x3iz_QB18IbuIPLf3YsjjBv0WumV0WzuwDdofDoo79d2FtrLpYWidrH6m7svC80ZhREiA1z2VCrzqHC_PifdgPNnMzsE8FIdWf87nUtC/s320/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">

Kamu Taruh code Cbox kamu yah !

<div style="text-align:right">
<a href="
http://cmf-maya.blogspot.com/2013/01/toturial-hidden-shoutbox-melyang.html
"><font size="2"">click to get this widget</font></a><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>

3. gw kasih warna Hijau kamu bisa ganti sesuai mau kamu apa
gw kasih warna Kuning kamu tarus code Cbox kamu yah!

Selesai ^^
Credit : Maya Fitriani 90%
Credit : Dea Rahma 10% #cuma copy code nya aja.

Terima kasih.~
Tunggu selanjut nya yah ^^





Tidak ada komentar:

Posting Komentar

Ass.. All..
Kalian mau coment isi ini yah ^^
Nama :
URL :
Pesan :
Dah itu aja ^^ silahkan ditungg coment untuk bayar Toturial ^^, klau kaga coment "Kamuu Malingg #hehe Bercanda ko ^^

Blog Milik Maya Fitriani. Dont Copy my blogger!