27 Desember 2011

Cara Memasang Shoutbox / Buku Tamu Auto-Hide pada Blog (Dengan Cbox)

NT's Cbox.


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 -> opsi lainnya -> Tata Letak
8. Kemudian pilih Tambah Gadget -> HTML/JavaScript
9. Pada bagian konten isi dengan berikut:


<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://3.bp.blogspot.com/_LZtXSNcp76A/SzzN08B1K5I/AAAAAAAAA0U/QT4rY6-FhI8/s320/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
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">


Isi dengan kode Javascript Cbox anda


<div style="text-align:right">
<a href="javascript:showHideGB()">
[Hide]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


10. Lalu klik simpan


Semoga bermanfaat....



2 komentar:

Wildan mengatakan...

Thanks mas infonnya ... :-bd

NT mengatakan...

Ya, sob. Masama....

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ :-? #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar! buka rahasia

Poskan Komentar

Silahkan beri komentar artikel saya, jika ada link yang rusak atau kadaluarsa laporkan disini dan tulis request artikel anda disini juga ya....

Home Color Code Watch TV