Pasang Chatbox Tersembunyi Versi 1

01.11 ---
Tutorial sebelumnya sudah pernah diberitahukan cara pasang chatbox pada blog. Nah, tutorial kali ini adalah cara pasang chatbox tersembunyi versi 1. Agar blog anda kelihatan lebih simple sebaiknya anda gunakan ini. Dan juga tidak ada terlalu banyak gadget pada blog anda. Adapun cara pasang chatbox tersembunyi versi 2. Silahkan ikuti langkah - langkah di bawah ini untuk versi !.


Langkah-langkah :

1. Login Blogger.com.
2. Masuk ke Design ~> Elemen Laman
3. Tambeh Gadget
4. Pilih HTML/Javascript.
5. Masukkan kode berikut pada gadget Anda.

<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #000;
background:#ffffff;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">[ Tutup ]</b></a></div>

Masukan Kode Chatbox anda di sini

<script src="http://www.geocities.ws/alprablog/user/js/hiddengb2.js"></script>
</td></tr></table>
</div>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="http://i1202.photobucket.com/albums/bb372/alprablog/others/buku-tamu.png"/>
</a>
</div>


6. Simpan dan liat hasilnya.

Keterangan : Ganti text yang berwarna merah dengan kode chatbox anda.

2 komentar:

intan mengatakan...

nice share..
alangkah lebih bagusnya mas, kalau saling meninggalkan komentar juga ^^

slamat burbuka puasa mas :)

Sadeva Aldy Pratama mengatakan...

@intan: benar juga,
tapi saya males bgt kalau komentar yang harus Verifikasi kata terlebih dahulu.

Posting Komentar