Friday, August 17, 2012

Cara Membuat Fan Page Facebook Tersembunyi Di Samping Blog

                                                  

Karena permintaan salah salah satu sahabat wizyuloverz yang bertanya cara membuat dan memasang Fan Page Facebook yang ada di blog saya ini, maka dari itu saya akan membuatkan tutorial bagaimana cara membuat Fan Page Facebook 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 FAN PAGE FACEBOOK 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.

Lihat sumbernya disini : http://adf.ly/JUNLk

No comments: