Cara Memasang Widget Chat Box Tersembunyi di Kanan Blog

Beberapa waktu lalu saya saya bahas cara buat widget chat box di blog. Nah kali ini saya akan bahas cara memasang widget chat box yang tersembunyi di kanan Blog. Dan keluar masuk ketika sobat klik ikon chat box-nya. Caranya gampang kok sob, ikuti langkah-langkahnya.
Yang pertama dan utama adalah sobat terlebih dahulu harus mempunyai kode html chat box tersebut. Salah satu caranya adalah dengan mempunyai akun pada situs cbox. Untuk langkah-langkah pembuatan akunnya sobat bisa klik disini. Atau langsung saja masuk ke situs cbox, klik disini.
OK, jika sobat telah mendapatkan kode html-nya, langsung saja sob ini dia langkah-langkahnya:
1. Masuk akun Blogger sobat.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget di posisi mana saja.
4. Pilih HTML/Javascript.
5. Masukan kode html berikut.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:400px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm7pY1yY6k_hG9R_G-S78juB7Rjh9P4wz4C-JwaYP57AoKZHdlibE2QI8GHyAuClysZw4MrevmhI3CDwzGKnse2txPu3ZWujfZI_dB7TCUNgVOB5SHyhZa4hiXenkE36wTpOjkKraQ2Ho/s1600/Bukutamu6.gif') 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">

MASUKAN KODE CHAT BOX DISINI

<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-family: "Trebuchet MS",sans-serif;">Mau Widget Ini? <a href="http://regibrader-free.blogspot.com/2013/02/cara-memasang-widget-chat-box-yang_18.html" target="_blank">Klik Disini</a></span></span></div>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

6. Atur ukuran dan posisi pada kode berwarna biru.
7. Ganti tulisan warna merah dengan kode html chat box sobat.
8. Ganti URL gambar pada kode warna ungu dengan gambar yang sobat inginkan. Namun bila sobat tidak menggantinya hasilnya akan seperti berikut.
9. Atur warna background dan warna border pada kode warna hijau. 

ALASAN MEMILIH RAHARJA

Assalamualaikum Wr.Wb.
Mengapa saya memilih Perguruan Tinggi Raharja ?

Kalau ada orang yang bertanya itu kepada saya ? saya akan menjawab, menurut kalian kenapa saya memilih Perguruan Tinggi Raharja ?

• Point Pertama : Saya ingin mencari tempat kuliah yang bagus dan dekat dari Rumah saya, percuma kan kalau kuliah kita terbebani dengan kangen sama rumah :-D
• Point Kedua    : Perguruan Tinggi Raharja memiliki beberapa keunggulan yang bagus:

1. Perguruan TInggi Raharja Trakreditasi Unggulan & ISO 9001 : 2008
2. iLearning with iPad
3. The World Summid Award ( WSA) Winner of Internet Product Category on Raharja Multimedia Edutaiment (RME), Product ID 3032
4. Member of Microsoft Development Network Academic Alliance ( MSDN AA)
5. 14 Hak Paten RI
6. Studen Information Service (SIS)
7. Informatics International Certifications
8. Indeks Mutu Mahasiswa (IMM)
9. TangCity dan Metos
10. Modern and Lake View Campus

• Point Ketiga   : Selain kedua point tersebut saya juga ingin mencari tempat kuliah yang mempunyai tempat untuk berinspirasi maupun bersosialisasi sesama Mahasiswa/Mahasiswi;

          KBM RAHARJA ( Keluarga Besar Mahasiswa Raharja )

• DEMA (Dewan Mahasiswa)
• BEM (Badan Eksekutif Mahasiswa)
• HIMTIF (Himpunan Mahasiswa Teknik Informatika)
• KOMASI (Komunitas Mahasiswa Sistem Informasi)
• HIMASIKOM (Himpunan Mahasiswa Sistem Komputer)
• HMJ MI (Himpunan Mahasiswa Jurusan Manajement Informatika)
• FC RAHARJA (Raharja Football club)
• PB RAHARJA (Persatuan Bulu Tangkis Raharja)
• ABSTER (Anak Basket Komputer)
• FUMMRI (Forum Ukhuwah Mahasiswa Muslim Raharja Informatika)
• MARANATHA (Kumpulan Mahasiswa Non-Muslim Raharja)
• APSI (Apresiasi Seni Raharja)
• RIPALA (Raharja Informatika Pecinta Alam)

• Point Keempat : Di Raharja juga tersedia tempat foto copy dan RIC( Raharja Internet Cafe ).

Kalau ada salah kata mohon maaf "Namanya manusia tidak luput dari salah kata atau perbuatan"

"Thank you very much for your attention in My Blog. don't forget to revisit it again"

"Get The Better Future By Computer Science"

Wassalamualaikum Wr.Wb

Furtermore you can get more information http://www.raharja.ac.id