Kamis, 09 Februari 2012

Cara Membuat Auto Hide Cbox

Barusan Nurulcall posting Tips Cara Mengganti Smiles Cbox dan sekarang Nurulcall akan posting 
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

<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/AVvXsEio4Hx2HfrTiWi9GDkJwWfxH5AYkK1tN3TO835g00OzcrGu-DNtvutoAl-v-PtPekPL-aVjCIh-olvCtwkdTzLklHFEAh1-VYr1XLWb-n9aGhOjPlpslGSQxCj_bLqgav_W7PYNklMCndlQ/') 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.

Unknown

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

0 komentar:

Posting Komentar

 

Copyright @ 2013 Cerita X Go Blog.

Designed by Templateify & Sponsored By Twigplay