❃ MIA PLANET ❃

ENTRY ABOUT ME FRIELFS STUFF bias






Hide Shoutbox
Jumat, 09 Januari 2015 - Permalink - 0 Comments
Halo semua, hari ini mia mau bagi-bagi cara untuk membuat hide shoutbox , kalian tau nggak apa itu hide shoutbox? kalo nggak tau nih aku kasih tau.. hide shoutbox adalah kotak cbox yang tersembunyi dikanan/dikiri blog. bagaimana cara memasangnya? ok, mia mau ajarin kalian ye. ikuti step by step dibawah ini :


  • Log in ke akun blogmu
  • Dashboard-->tata letak-->tambahkan gadget-->edit html/javascript
  • Copy kode dibawah, lalu paste dalam kotak yang muncul
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:350px;
width:140px;
float:left;
cursor:pointer;
background:url('url icon yang kamu pilih') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #00000;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 150-w) : moveGB(170-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 kode cbox kamu disini
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (140-gb.offsetWidth).toString() + "px";
</script>
  •  Save
Note : ubah kode berwarna biru dengan ukuran yang kamu inginkan, dan warna merah untuk url ikon shoutboxmu, dan warna kuning untuk kode cboxmu.

Untuk mengisi tulisan warna merah, kamu juga bisa pilih DISINI

Semoga berhasil sob...!


Label:

Posting Komentar

Ayo guys, berikan komentarmu! dan harus dengan kalimat yang baik yaaa.

-Boleh bertanya kepadaku jika kurang jelas. Insya'allah akan aku jawab
-Repost?credit please.....



Copyright© 2017.Siti Fatimah Al Islamiah.