Andry Blog's

Karena permintaan salah salah satu sahabat wizyuloverz 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://wizyuloverz.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://andryunib.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.

Read more: Cara Membuat Fan Page Facebook Tersembunyi Di Samping Blog - wIzYuLoVeRz http://wizyuloverz.blogspot.com/2012/07/cara-membuat-fan-page-facebook.html#ixzz20luP9eD0
Please Attach Sources After Copying
Under Creative Commons License: Attribution Non-Commercial Share Alike