Tutorial : Letak Fan Page Style dalam blog

Sebelum ni saya banyak tengok di blog yang lain di mana meletakkan Fan Page yang menarik iaitu yang lebih Style. Contoh Fan Page yang style ini ialah seperti gambar di bawah

Amacam ?..Style tak?...Nampak lain dari fan page yang biasa. Tapi malulah nak tunjuk fan page LEPAK....huhuhu...masih tak ramai lagi...hheehhe.....mula2 masa nak buat tutorial ni memang tak menjadi....tapi akhirnya dah dapat solution nak buat tutorial ni....okaylah...jom kita ikut step2 macammana nak buat fan page yang style ni.

1. Pergi ke Dashboard >Layout >Add A Gadget >HTML/Javascript.

2. Copy dan Paste code di bawah tadi ke HTML/Javascript.

<center><iframe style="height:240px; width:95; " scrolling="no" frameborder="0"href=" URL FB PAGE "src="http://www.facebook.com/plugins/fan.php?id=URL FB  PAGE ID&width=292&height=240&connections=25&stream=false&header=false&logobar=false&css=https://sites.google.com/site/unwanted86/javascript/fblike.css" ></iframe></center><center><iframe src="http://www.facebook.com/plugins/like.php?href=URL FB PAGE &send=false&layout=standard&width=292&show_faces=false&action=like&colorscheme=light&font&height=40" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:40px;" allowtransparency="true"></iframe></center><p align="right"></p></center>

3. Gantikan perkataan yang berwarna kepada kod berikut

    Perkataan berwarna merah  URL FB PAGE kepada URL Facebook.

   

   

Perkataan berwarna biru URL FB PAGE ID kepada no id FB. Cara untuk dapatkan no id ialah dengan pergi ke Page dan klik pada Edit info. 

Bila dah klik pada Edit info, copy no id yang dipaparkan di URL. Cuma copy no id sahaja.

So, bila dah tukar semua tu, contoh kod korang akan jadi seperti berikut: (kod adalah berbeza dan mengikut url FB Page masing2)

<center><iframe style="height:240px; width:95; " scrolling="no" frameborder="0"href=" http://www.facebook.com/pages/lepakcommy/146558295440791 "src="http://www.facebook.com/plugins/fan.php?id=146558295440791&width=292&height=240&connections=25&stream=false&header=false&logobar=false&css=https://sites.google.com/site/unwanted86/javascript/fblike.css" ></iframe></center><center><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/pages/lepakcommy/146558295440791 &send=false&layout=standard&width=292&show_faces=false&action=like&colorscheme=light&font&height=40" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:40px;" allowtransparency="true"></iframe></center><p align="right"></p></center>

4. Save dan Preview dan lihat hasilnya.