4sharedc

Karena permintaan salah salah satu sahabat  yang bertanya cara membuat dan memasang chat box yang ada di blog saya ini, maka dari itu saya akan membuatkan tutorial bagaimana cara membuat chat box tersembunyi tersebut, sebagai contoh sahabat bisa melihatnya di blog saya, letaknya disebelah kanan blog, Berikut cara pembuatannya.






Silahkan Ikuti Langkah-langkah berikut :
1. Silahkan login akun Blog Anda
2. Pilih menu Rancangan dan Pilih Elemen Laman
3. Setelah itu pilih Tambah Gadget
4. Kemudian Tambahkan HTML/JavaScript
5. Dan Copy dan kode di bawah ini :

<!-- Widget - http://4sharedc.blogspot.com - Start -->
<style type="text/css">

.barrightfacebook{background:url('http://i1123.photobucket.com/albums/l546/wizyuloverz/Facebook1.png');background-repeat:no-repeat;width:39px;height:235px;position:fixed;right:0px;top:240px; z-index:1000;}
   
.barrightfacebookc{background:url('http://i1123.photobucket.com/albums/l546/wizyuloverz/Facebook2.png');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:150px; z-index:1100;}
.barcontefacebook{margin:9px 0 0 42px}
</style>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">

<!-- Begin Facebook -->

SIMPAN KODE CHAT BOX ANDA DISINI

<!-- End Facebook -->
</div>
</div>
<!-- Widget - http://wizyuloverz.blogspot.com - End-->

6. Setelah di Copy silahkan sahabat ganti Tulisan berwarna Merah diatas dengan Kode Fan Page Facebook yang sahabat miliki
7. Ganti Tulisan di atas yang berwarna Kuning dengan Posisi yang sahabat inginkan, apabila menginginkan posisi sebelah kiri silahkan ganti menjadi left
8. Setelah Selesai Silahkan Simpan/SAVE widget, kemudian lihat hasilnya.

sekian dari saya...

ARTIKEL TERKAIT: