4.0 stars based on 35 reviews Prep time: 30 min Cook time: 1 hourTotal time: 1 hour 30 min Yield: 1 9" pie (8 servings)

Cara Menyembunyikan Cbox Diatas Blog

Silahkan ikuti step by step berikut :
  • Login Blogger 
  • Pilih Perancangan>>Elemen laman
  • Tambahkan Gadget HTML/Java script (Jangan diberi judul) 
  • Copas kode berikut :
<style elbtype="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #ff0000;
background:url(http://lh5.ggpht.com/_yF0--u7KSSI/TKgzluISmnI/AAAAAAAAAxE/PC55GBEXvig/kembangApi.gif) #000000 repeat-y center;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url(http://lh4.ggpht.com/_yF0--u7KSSI/TKYaaJhxVdI/AAAAAAAAAvY/nBUewsjG-Ck/bg-cbox.jpg) no-repeat;">

</div>
</div>

<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://lh4.ggpht.com/_yF0--u7KSSI/TKAy32pYhuI/AAAAAAAAArM/68dgmHYFy8M/close.png" alt="close" title="Click here to Close Cbox" /></a></div>
<div align="left"><font size="2"><a http://exeloph.blogspot.com/2010/10/showhide-cbox-pada-posisi-atas.html"target=_blank"><div style="color: #444444;">
<span style="font-size: xx-small;">By enda fiVers</span></div></a></font></div>
</div></div></div>

<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script></center>
  • Save 
  • Tambahkan Gadget HTML/Java script lagi untuk Icon Navigasinya, copas kode berikut :
<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="http://lh5.ggpht.com/_yF0--u7KSSI/TKAS0Ee4NLI/AAAAAAAAAq0/HLbB4jGuFxk/GuestBook.png" alt="cbox" title="Click here to open Guest Book" /></a>
  • Save
Note :
  • Yang berwarna hijau adalah URL background kembang api dan kode warna backgroundnya (Background dapat diganti sesuai selera sobat) 
  • Yang Berwarna biru adalah background cbox  
  • Tang berwarna merah ganti dengan kode Cbox 
  • Yang berwarna kuning adalah URL icon navigasi Close
Semoga bermanfaat buat sobat semua.Trik ini juga saya blajar dari blog Enda Fivers. Selamat mencoba...
Anda sedang membaca artikel tentang Cara Menyembunyikan Cbox Diatas Blog dan Anda bisa menemukan artikel Cara Menyembunyikan Cbox Diatas Blog ini dengan URL http://marindajaya.blogspot.com/2011/03/cara-menyembunyikan-cbox-diatas-blog.html, Anda boleh menyebarluaskannya atau meng-copypaste-nya jika artikel Cara Menyembunyikan Cbox Diatas Blog ini bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link Cara Menyembunyikan Cbox Diatas Blog sebagai sumbernya.

2 komentar:

Tony Ahmadmengatakan...

nyoba dulu sob,,

Marinda Jayamengatakan...

boleh sobat silahkan,semoga berhasil

Posting Komentar

MOHON MAAF

Link Hidup/komentar akan di hapus Atau di saring(tidak di tampilkan)

 
© Copyright Marinda Jaya 2010 | Privasi | Sitemap | Blogger | Google|