Fans Page Facebook merupakan widget yang kita tambahkan dan edit sendiri untuk mermpercantik tampilan blog.Disini saya akan memberikan sedikit tutor untuk membuat fans page tersebut.Tetapi sebelum membuat fans page kalian harus mempunyai halaman fans page facebook di facebook kalian.Kalo masalah pembuatan halaman tersebut langsung tanyakan pada Mbah Google nanti pasti ada.Jika sobat sudah membuat halaman tersebut langsung saya ikuti langkah berikut untuk dipasang di blog kalian :
1.Login ke aakun blog kalian
2.Kemudian masuk ke Template dan pilih Edit HTML
3.setelah itu centang bagian Prossed expand widget template
4.kemudian cari kode ]]></b:skin>.(gunakan CTRL+F agar mudah mencarinya)
5.setelah ketemu copas kode berikut tepat di bawah kode ]]></b:skin>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
6.kemudian klik simpan dan tutup kotak edit HTMLnya
7.sekarang masuk ke bagian tata letak
8.klik Add Widget dimana saja dan pilih HTML/Javascript kemudian klik tanda (+)
9.Beri judul sesuai anda dan masukkan kode berikut di bagian Conten
<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .likebox{background: url("http://1.bp.blogspot.com/-9eRHiE20E4c/TynfIJyt7qI/AAAAAAAACBE/15Q3VtI-PwY/s1600/fb.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed; right:-250px;top:44%;} .likebox div{border:none;position:relative;display:block;} .likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;} .likebox span a{color: gray;text-decoration:none;} .likebox span a:hover{text-decoration:underline;} </style> <div class="likebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Graycyber-Fans&width=240&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=258" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 258px; width: 245px;background:#fff;"></iframe> </div> </div>
10.simpan widgen tersebut
NB:untuk bagian yang bertanda Merah silahkan Diganti dengan alamat halaman fans page facebook kalian
Semoga berhasil xD
0 komentar:
Posting Komentar