Saturday 19 November 2011

Memasang Kotak Komen Facebook dan Blogger Pada Post



1. Login ke blogger anda.
2. Pergi ke Dashboard > Design > Edit HTML
3. Tick pada checkbox Expend widget templates

( PERHATIAN : Pastikan backup dulu template anda untuk langkah keselamatan.. )



4. Tekan CTRL+F untuk mencari kod dibawah

<div class='comments' id='comments'>
5. Setelah anda menjumpai code tersebut, copy(Ctrl+C) code dibawah ini dan Paste(Ctrl+V) di bawah code  <div class='comments' id='comments'>  yang anda cari pada langkah 4.
<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' = Bilangan komen yang akan terpapar,
-  width='400' = Saiz kotak komen Facebook. 

6. Tekan CTRL+F (Find) untuk mencari code ini,  
<head>
7. Dah jumpa, copy(Ctrl+C) dan Paste(Ctrl+V) code di bawah ini, selepas code tersebut .

<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 dengan ID Facebook anda. 

8. Tekan CTRL+F (Find) untuk mencari code ini,
]]></b:skin>
 9. Dah jumpa, copy(Ctrl+C) dan Paste(Ctrl+V) code di bawah ini, sebelum code tersebut .
.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;}
9. Preview dulu pastu save k


Cara dapatkan ID FACEBOOK anda:
1. pergi ke profile facebook anda.
2. pergi ke bahagian photos anda....pilih je mana-mana gambar dalam album photos anda.
3. lihat pada link gambar yang anda buka.
4. lihat deretan nombor yang ke-3..itu adalah ID FB anda k.

sila klik gambar untuk lihat lebih jelas


sila klik gambar untuk lihat lebih jelas

Berdasarkan contoh gambar diatas ID FB adalah 100001269442231

5. Selamat mencuba k...

No comments:

Post a Comment