GuidePedia

2
cara menambahkan komentar facebook di blog judul ini saya ambil karena jika yang mau berkomentar agar bisa menggunakan situs facebbok karena pastinya semua orang punya kan akun facebook nah jadi saya postingkan pos ini cara menambahkan komentar facebook di blog ternyata caranya begitu mudah sobat untuk membuatnya ikuti lahkah ini ya sobat...pertama kamu COPY PASTE ID Facebook caranya klik sini

setelah dapat ID Facebook silahkan masuk ke blogger dan langsung ke template > edit HTML
cari kode  <div class='comments' id='comments'>
gunakan control + F  lebih mudah mencarinya;
sisipkan kode dibawah ini tepat di bawah kode <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='3' width='500'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='ID Facebook' 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><style>.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;}</style>

setelah selesai ganti warna merah yang bertulisan  ID Facebook dengan ID Facebook sobat tadi
dan angka 500 menunjukan lebar komentar
simpan template dan lihat hasilnya
setelah dilihat akan muncul  pada kolom komentar seperti ini;


mudah bukan sobat cara buat komentar facebook di blog jangan lupa beri komentar juga ya sobat agar blog ini lebih baik lagi, inikan juga untuk sobat semua,,,

Post a Comment

terima kasih atas komentarnya

 
Top