Cara Membuat Auto Hida Cbox

Bookmark and Share
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('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">

<!-- 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>

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 komentar... Views All / Send Comment! }

Posting Komentar

Powered By Blogger