Wednesday 12 December 2012

Cara Membuat Fan Page Facebook Tersembunyi Di Samping Blog

Cara Membuat Fan Page Facebook Tersembunyi Di Samping Blog
 






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.



Sumber : http://wizyuloverz.blogspot.com


Artikel Terkait


[archives limit=10]



0 comments:

Post a Comment

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Online Project management