Cara Membuat Auto Hide Cbox kayak di web aku tu yang ada diatas Facebook ok gak usah banyak ngomong langsung saja ikuti langkah-langkah dibawah ini:
Berikut langkah-langkahnya:
1. Kunjungi situs "ini" untuk mendaftar pada Cbox
2. Isi data untuk Cbox anda, lalu centang "I have read and do agree to the Cbox terms and conditions of service."
3. Lalu klik "Create my Cbox!"
4. Masuk pada kotak masuk email anda, bagian Cbox untuk melanjutkan langkah selanjutnya membuat Cbox
5. Klik link yang diberikan oleh pihak Cbox
6. Copy javascript yang diberikan oleh Cbox pada akun Cbox anda
7. Masuk pada Blogger -> Rancangan -> Tata Letak
8. Kemudian pilih Tambah Gadget -> HTML/JavaScript
9. Masukan kode dibawah ini
1. Kunjungi situs "ini" untuk mendaftar pada Cbox
2. Isi data untuk Cbox anda, lalu centang "I have read and do agree to the Cbox terms and conditions of service."
3. Lalu klik "Create my Cbox!"
4. Masuk pada kotak masuk email anda, bagian Cbox untuk melanjutkan langkah selanjutnya membuat Cbox
5. Klik link yang diberikan oleh pihak Cbox
6. Copy javascript yang diberikan oleh Cbox pada akun Cbox anda
7. Masuk pada Blogger -> Rancangan -> Tata Letak
8. Kemudian pilih Tambah Gadget -> HTML/JavaScript
9. Masukan kode dibawah 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/AVvXsEicY5nIgFOZ2Sag5LcjCfzzrvAbzrin2vmQq_qOuz-pGRoGuEBI6Oxt15CxAOKMvZAVAHduDAh9MlPJZvsXQ9-Ai0KABDhS-yFvyqb8561dmzka9_3s9kzqelbwFcO8I0XEwjGZSRJR4vV4/') 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 cbox/shoutmix anda -->
<a href="http://nurulcall-tanjungkalang.blogspot.com/2012/02/cara-membuat-auto-hide-cbox.html"> Grab this </a>
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></iframe><span><a href="http://nurulcall-tanjungkalang.blogspot.com/2012/02/cara-membuat-auto-hide-cbox.html">Tutorial Here</a></span></div></div>
#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/AVvXsEicY5nIgFOZ2Sag5LcjCfzzrvAbzrin2vmQq_qOuz-pGRoGuEBI6Oxt15CxAOKMvZAVAHduDAh9MlPJZvsXQ9-Ai0KABDhS-yFvyqb8561dmzka9_3s9kzqelbwFcO8I0XEwjGZSRJR4vV4/') 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 cbox/shoutmix anda -->
<a href="http://nurulcall-tanjungkalang.blogspot.com/2012/02/cara-membuat-auto-hide-cbox.html"> Grab this </a>
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></iframe><span><a href="http://nurulcall-tanjungkalang.blogspot.com/2012/02/cara-membuat-auto-hide-cbox.html">Tutorial Here</a></span></div></div>
Untuk
<!-- Ganti ini dengan kode cbox/shoutmix anda --> silahkan ganti dengan script Cbox anda untuk
top silahkan diganti angkanya menurut selera anda.
Demikian Tips Cara Membuat Auto Hide semoga membantu sobat yang masih baru didunia maya selamat mencoba semoga berhasil.
0 comments: on "Cara Membuat Auto Hide Cbox"
Post a Comment