Selasa, 29 April 2014

Cara Memasang Kotak Komentar Facebook Di Blog

Diposting oleh Unknown di 12.11
Hi, you're visiting my blog.
Today I would like to give ya tutorial about How to Install Facebook Comments Box In Blog.
Bagi kamu yang mau memasangnya diblog, silahkan ikuti langkah langkah dibawah ini..!



1. Masuk keakun blog kamu
2. Pilih Template, lalu Edit HTML


3. Cari kode 
 <div class='comments' id='comments'>
CTRL+F (Untuk Mempermudah Pencarian) dan letakkan kode dibawah ini tepat dibawah kode  <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'>
<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 Kamu ' 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>


Keterangan :
  • Jika terdapat 2 kode  
     , pilih kode yang kedua.
  • Ganti ID FB Kamu dengan ID Facebook Kamu. 
  • Cara mendapatkan ID facebooknya :
1.     Buka link http://findmyfacebookid.com/
2.   Masukan Facebook URL kamu
3.    Klik Lookup numeric ID


Simpan Templatenya.



Artikel Terkait
Luangin waktumu untuk Share this article with your friends
Comments
0 Comments

0 komentar:

Posting Komentar

Terimakasih telah meluagkan waktunya untuk berkomentar.

 

Born This Way Copyright © 2012 Design by ASTIE AFRIANI Astie Afriani Puspadewi