Like
Diberdayakan oleh Blogger.
Kamis, 26 Juli 2012
Gak pake' basa-basi. I'm in Hurry men :(
Ikuti langkah di bawah ya :
1.Tambahkan Gadget Script/HTML
2.Masukkan kode berikut kedalamnya :
3. Untuk mendapatkan kode CBox silahkan anda daftar dulu disini ,dan ikuti langkah-langkahnya.
4.Simpan dan Selesai. Coba sekarang anda lihat di sebelah kanan blog anda, sudah muncul kan B)
(Tampilan Saat Shout Box Minimalis)
(Tampilan Shout Box Saat Di Expand)
Sekian dan Terimakasih
Ikuti langkah di bawah ya :
1.Tambahkan Gadget Script/HTML
2.Masukkan kode berikut kedalamnya :
<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i846.photobucket.com/albums/ab26/arifins/bukutamu.gif') 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"><style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i846.photobucket.com/albums/ab26/arifins/bukutamu.gif') 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">
Letakan kode CBOX anda di sini
<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>
3. Untuk mendapatkan kode CBox silahkan anda daftar dulu disini ,dan ikuti langkah-langkahnya.
4.Simpan dan Selesai. Coba sekarang anda lihat di sebelah kanan blog anda, sudah muncul kan B)
(Tampilan Saat Shout Box Minimalis)
(Tampilan Shout Box Saat Di Expand)
Sekian dan Terimakasih
Label:
Script
Langganan:
Posting Komentar (Atom)
2 komentar:
Monggo Dikomen
brarti itu hrs bikin akun cbox dulu ?
Posting Komentar