Cara Membuat Komentar FB Di Blogger
Baik sobat blogger semua kali ini saya mau share mengenai cara membuat komentar facebook seperti yang ada di bawah blog saya ini, langsung aja kita ke TKP
Cara nya Seperti ini :
2. Klik Desain
3. Template > Edit HTML
4. Centang expand template widget > Tekan ctrl + F3
5. Lalu copykan code di bawah ini dikotak Fine
<div class='comments' id='comments'>
|
<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='2' width='610'/> </b:if> </div> <div class='comments comments-page' id='blogger-comments-page'>
6. Cari kode </head> lalu
letakkan kode dibawah ini diatasnya
<script
src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/> <meta content='Rizal/3137186XXXXXXXX?skip_nax_wizard=true' 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> |
7. cari kode ini /* Comment atau #comments Letakkan Code Berikut di Bawah nya
.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;} |
2 komentar