STATUS UPDATED!
FEEL FREE TO ASK~
Tutorial Blog ^_^: TUTORIAL: KOTAK KOMEN FB DAN BLOGGER DALAM BLOG

Sekiranya anda berminat untuk membaca artikel Islam, info semasa, kisah nabi, kisah pengajaran dan lain-lain, bolehlah pergi ke Khaleefah Allah ^_^ Followlah blog ini dan blog itu sekiranya berbaloi untuk difollow. Sebarang ulasan adalah amat amat amat amat diharapkan.
Any Requests or Questions?

Jom, tukar link~

TUTORIAL: KOTAK KOMEN FB DAN BLOGGER DALAM BLOG

09031432H
Assalamualaikum W.B.T.
Penulis rasa tertarik dengan tutorial ini kerana para pengunjung boleh memilih untuk komen melalui facebook atau blogger.

Bagi yang dah ada kotak komen sebelum ini, sila remove terlebih dahulu sebelum apply tutorial ini.

Dashboard> Design> Edit HTML> Expand Widget Templates

Cari kod <div class='comments' id='comments'>. Copy dan paste kod di bawah pada bahagian bawah kod  <div class='comments' id='comments'>.

<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='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

*num_posts='2' = Nilai 2 adalah jumlah komen yang akan terpapar secara default pada kotak komen FB dibawah.

*width='400' = saiz kotak komen Facebook, boleh adjust mengikut saiz blog anda.

Cari kod <head> dan paste kod di bawah selepas kod <head>

<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) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>

*Gantikan YOUR_FB_ID

Cari kod /* Comments, letak kod di bawah selepas kod

/* Comments
----------------------------------------------- */



.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;}

Save setelah berpuas hati.
12 Comments
Comments

12 comments:

  1. dah buat,tapi tak jadi la..tolong ajar saya

    ReplyDelete
  2. dah berapa kali cuba ni,still xjd lg :'(

    ReplyDelete
  3. makasih ..toterial yg sempurna :)jangan lupa kunjungi blog sy yg taj seberapa...org baru lah katakan dalam dunia blog :)

    ReplyDelete
  4. klau guna blogskin plak mcm mna ?

    ReplyDelete
  5. TY AWK..Dah bnyk tutor test buat tpi x leh,tpi awk pnya bleh..Alhamdulillah.

    ReplyDelete
  6. tak nampak la tulisan..adoi..

    ReplyDelete

 
Copyright © 2009-2012 Tutorial Blog ^_^: TUTORIAL: KOTAK KOMEN FB DAN BLOGGER DALAM BLOG
Design by a.a.ghariib