Tutorial Facebook Comment dalam Blog


Assalammualaikum



Tutorial kali ini,eca akan ajar korang macam mana nak letakkan facebook comment dalam blog.Selain komen menggunakan blogger.com,kita juga boleh gunakan komen jenis ini.Kiranya,bagi pengunjung yang tidak mempunyai akaun google,bolehlah gunakan cara ini untuk meninggalkan komen di blog kita.

Peringatan :
1)Lakukan satu-demi-satu,jangan gelojoh dan cari sebaik-baiknya.
2)Download template kamu terlebih dahulu,untuk elakkan sebarang masalah.

new interface --> Dashboard - Template - Edit HTML - Proceed - Tick Expand Widgets Templates
old interface --> Dashboard - Design -Edit HTML - Tick Expand Widgets Templates

Jom mulakan proses :)

1) cari kod ini -->  div class='comments' id='comments'>


2) Copy kod dibawah ini,dan letakkan dibawah kod diatas (kod 1)


<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;
#fb-comments&quot;);' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div><div class='clear'/></div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='5' width='400'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>

warna biru (400)  boleh diselaraskan.itu kelebaran ruangan komen ini.

3) cari kod ini --> <head>


4) copy kod dibawah ini dan pastekan dibawah kod diatas (kod 3)


<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='YOUR_FB_ID' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();}
</script>

5) tukarkan 'YOUR_FB_ID' gunakan FB ID kamu sendiri.Cara nak dapatkan,log in ke FB,pergi profile,cek dibahagian address bar.Contoh ::
 http://www.facebook.com/eca.asha 

ini FB eca yer,...kalau korang dah tukar nama,ambil je nama tu selepas tanda "/"
contoh melalui ID eca ne,eca cuma ambil eca.asha

6) cari kod ini -->
/* Comments
----------------------------------------------- */
(eca gunakan picture window template)

7)  Dibawah kod diatas (kod 6),korang pastekan kod dibawah ini.Pastikan korang paste kod tersebut diruangan kod 6..

.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}

warna merah boleh ditukar mengikut kehendak pilihan warna anda.
contoh rujuk disini ::

last,..SAVE dan Preview.korang kena save,lepas tu buka blog,pilih satu entry,baru nampak tu FB Comment.Kalau korang PREVIEW terus,taknampak lah.Kena buka 1 entry dulu,baru nampak,Faham Tak anak-anak muridku sekalian?!.


kalau tak paam,boleh tanya eca melalui FB mahupun emailkan segala bentuk pertanyaan ke ecasha.89@gmail.com.tapi ingat oke,soalan yang ne --> "eca bila nak kahwin",adalah dilarang sama sekali.hehehe.kalau soalan, "eca,u wanna be my gf?",erkk,,cubalah tanya ^.^

#gedikssungguh.mamposakukalaudiabacaneyh.


2 comments.. read them below or add one

Che Rosliza Che mat Che Rosliza Che mat 09 May, 2012
akak dah try buat jadik hehehe pastu tukar balik...
anisalya anisalya 10 May, 2012
blm nk tukar lg la. nnt la try tmbh.

Terima Kasih atas komen anda.
Eca akan balas & terjah anda secepat mungkin.
*-*