Cara membuat Facebook Fanspage

Kali ini, Faishal blog memberikan tutorial Cara membuat FB Fanspage, silahkan disimak dulu artikelnya, agar lebih jelas.
Bagi blogger yang mempunyai Facebook fanspage sendiri, adalah biasa untuk meletakkan fanspage tersebut di blog. Tapi, kali ini, letak Fb Fanspagenya, berada di Tempat yang berbeda !, Kenapa ? karena ada di samping kanan Blog Kita. Nah kali ini ane akan memberikan tutorial beserta "screenshoot" nya. Oke deh, tanpa panjang lebar langsung ke Pokok nya.

Nah, berikut langkah yang harus kita ambil :

Langkah ke 1 :

• Pergi ke Blogger.com.
• Lalu, Dari dashboard > design > edit HTML.
• Copy dan paste kode di bawah SEBELUM Kode ->> </head> 

KODE NYA :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

*CATATAN : Jika anda dapati kode di atas sudah ada sebelum anda copy paste, abaikan langkah 1, lalu pergi terus ke langkah 2.

•  Setelah itu, klik Save Template / Simpan Template

Langkah ke 2 :

• Dari Dashboard > Design > Page Elements > Add a Gadget > HTML/JavaScript
• Copy dan paste kode di bawah dalam HTML/javascript yang telah di buka

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL PAGE ANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://salmanfaishal18.blogspot.com/2014/05/cara-membuat-facebook-fanspage.html">Get this Widget</a></span></div></div>

• Klik Save.
• Lihatlah Hasilnya.

Catatan : Ganti Url Page Anda, menjadi Url FP anda.

Screenshoot :



Maaf Fotonya tidak terlalu bagus, mohon dimaklumi.

Jika anda mendapat kesalahan pada Penambahan Gadget ini, Silahkan anda Bertanya ke Ane, Insya Alloh ane bakal bantu.

Sekian...
Salam Blogger

AstroZava~

Tweet