Macam mna rupa facebook comment box, jom kamu lihat gambar di bawah ini:
.jpg "Tutorial : Cara Pasang Kotak Komen Facebook Di Blog")
Macam itu... kalau suka... Jom ikut step di bawah :
Langkah 1
Dashboard > Design > Edit Html > Tick Expand Widget Templates
Langkah 2
Tekan Ctrl F serentak , dan cari kod ini :
div class='comments' id='comments'>
Langkah 3
Dah kah... copy yang ini pulak
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' 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("#blogger-comments");' 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 == "item"'>
<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 merah tu boleh diubah saiznya mengikut kesesuian blog
Langkah 4
Paste code ini di bawah code yang tadik...owkey
Langkah 5
Kemudian Tekan ctrl + f serentak dan cari code dibawah ini
Copy code ini
Langkah 7
Paste di bahagian bawah kod yang kamu carikan tu .
Langkah 8
Tukar YOUR_FB_ID kepada No ID Facebook Kamu? Macam mana nak dapat no ID tu ? Err . Log in facebook , pergi ke profile .. Atas sekali , ada no banyak-2 macam ni kan ?
Langkah 9
Owkey . Bila dah siap , PREVIEW dulu , law bleh save
Langkah 10
Pergi ke Design > Template Designer > Advanced > Add CSS
Langkah 11
Copy dan paste kod ni dalam CSS tu paste yang ini
Nak tukar warna klik DI SINI !!
Langkah 12
Then tekan Apply Blog dan View Blog
Jadi ker?? tapi post yang kita mesti ada komen dulu baru jadi tu... law tak ada ...dia tak muncul.. owkey..
Langkah 4
Paste code ini di bawah code yang tadik...owkey
Langkah 5
Kemudian Tekan ctrl + f serentak dan cari code dibawah ini
<head>Langkah 6
Copy code ini
<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>
Langkah 7
Paste di bahagian bawah kod yang kamu carikan tu .
Langkah 8
Tukar YOUR_FB_ID kepada No ID Facebook Kamu? Macam mana nak dapat no ID tu ? Err . Log in facebook , pergi ke profile .. Atas sekali , ada no banyak-2 macam ni kan ?
http://www.facebook.com/pages/Khairul azmi/137826781320573
Owkey . Bila dah siap , PREVIEW dulu , law bleh save
Langkah 10
Pergi ke Design > Template Designer > Advanced > Add CSS
Langkah 11
Copy dan paste kod ni dalam CSS tu paste yang ini
.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;}
Nak tukar warna klik DI SINI !!
Langkah 12
Then tekan Apply Blog dan View Blog
Jadi ker?? tapi post yang kita mesti ada komen dulu baru jadi tu... law tak ada ...dia tak muncul.. owkey..
{ 0 ulasan... read them below or add one }
Post a Comment
Terima kasih kerana memberi komen. Sila datang kembali ya !
Kami akan cuba membalas komen anda secepat yang mungkin.