Cara Mebuat Cbox Berada disamping Kanan Blog | Blognya Kelas Lima eSDe

HONOR JANGAR INDONESIA

================================================
Salam Pendidikan dan Salam Pramuka

Minggu, 10 Maret 2013

1 Cara Mebuat Cbox Berada disamping Kanan Blog

Date: Minggu, 10 Maret 2013 17.31
Category:
Author: Unknown
Share:
Responds: 1 Comment

Hai Sobat Kalian Ingin Membuat Cbox , Chatbox , Choutmix , Oggix , Atau Shotutcamp Di Samping Kanan Blog Kalian Memjadi Buku Tamu Yang Classic Atau Yang Keren Juga Ada . Mau Caranya Kita Simak Sebagai Berikut :


Perhatikan
  1. Log In ( Login ) Blog Kamu Terlebih Dahulu
  2. Masuk Ke Rancangan / Desain
  3. Add Gadget
  4. HTML/JavaScript
Masukkan Code Di Bawah Ini Untuk Buku Tamu Classic

<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">
Masukkan Code Cbox Kalian Yang Telah Daftar
<br/>
<br/>
<a href="http://forantum.blogspot.com">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
<img src="http://static.kaskus.us/images/smilies/selamat.gif" />
<img src="http://static.kaskus.us/images/smilies/ngacir2.gif" />
[Tutup Buku Tamu eSDe]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
Peringatan
  • Warna Biru Muda Di Ganti Dengan Code Cbox Sobat
  • Warna Hijau Muda Adalah Gambar Tiup Terumpet . Kalau Mau Di Hapus Silakan
  • Warna Merah Adalah Gambar Bajai . Kalau Mau Di Hapus Silakan
  • Warna Bitu Tua Di Ganti Tulisan Atau Tidak Terserah Sobat
Code Buku Tamu Keren
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:200px;
width:30px;
float:left;
cursor:pointer;
background:url('http://th387.photobucket.com/albums/oo318/cem_ply/th_buku-tamu_03.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #F5F5F5;
background:#000000;
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">
Masukkan Code Cbox Kalian Yang Telah Daftar
<br/>
<a href="http://bloglimaesde.blogspot.com/">
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[Tutup Buku Tamu eSDe]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Artikel Terkait :



1 comment

Unknown (Admin)
10 Maret 2013 pukul 17.57

Silahkan tanyakan, jikalau tidak di mengerti!!!

Posting Komentar

Salam Pendidikan dan Salam Pramuka
Tinggalkan jejak anda untuk kemajuan Blog kami ini ....
Saran serta masukan selalu kami nantikan,Terima Kasih.