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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRftT_s1mqPzHhPaibDLVUUyJQahHtYR5t3jSpI129U6s96wUgnrlvIo3Ad2LFQ2xK9y1gHPFfMnZpAxn5XYvqbzLRTFCNSSR6R6g9A66sYRmChTEtaFttezoGX8J4GJ-jhmlSgH0EqC8C/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
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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRftT_s1mqPzHhPaibDLVUUyJQahHtYR5t3jSpI129U6s96wUgnrlvIo3Ad2LFQ2xK9y1gHPFfMnZpAxn5XYvqbzLRTFCNSSR6R6g9A66sYRmChTEtaFttezoGX8J4GJ-jhmlSgH0EqC8C/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
Silahkan Tinggalkan Komentar Anda ^_^
Adapun Peraturan Berkomentar di Blog ini :
1. Tidak komentar SPAM
2. Tidak komentar PROMOSI
3. Tidak komentar yang mengandung unsur SARA
4. Berkomentar dengan sopan
Jika anda tidak mematuhi peraturan,terpaksa komentar anda akan saya hapus