RSS
Facebook
Twitter

Jumat, 02 Mei 2014

 Biasanya pada blog kamu itu hanya terdapat atau hanya menyediakan kotak komentar khusus untuk blog saja, dengan kata lain orang lain tidak akan bisa berkomentar tanpa menggunakan google plus.
Nah.. Sekarng saya ingin memberikan tips agar blog kamu bisa di komentari oleh pengguna Facebook dan Twitter.






Buatlah APP ID dan API Key dahulu, karna ini yang akan dibutuhkan untuk membuat kotak komentar.

Buatlah APP ID dahulu, Aplikasi untuk Facebook, untuk membuatnya klik https://developers.facebook.com/apps
Buatlah API Key dahulu,  Aplikasi untuk twitter, untuk membuatnya klik https://apps.twitter.com/app/new


Login ke BLOGGER kamu
Masuk ke edit HTML  Centang Expand Template Widget
Masukkan code berikut tepat di bawah code <head>:
 <meta content='Profile_ID' property='fb:admins'/>
<meta content='APP_ID' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/>
<script src='http://platform.twitter.com/anywhere.js?id=API_KEY&amp;v=1'/>


Ganti warna MERAH dengan PROFIL ID, APP ID dan API Key yang sudah kamu buat tadi.

Copy code dibawah dan letakkan di bawah code: <div class='comments' id='comments'>
 
 
'blogger-comments' title='Comments from Blogger'>
<data:post.numComments/> Comments
</div>
<div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span class='js-page-tweet-count' expr:href='data:post.url'/> Tweetts
</div>
<div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'>
<fb:comments-count expr:href='data:post.url'/> Komentaro
</div>
<div class='clear'/>
</div>
<div class='comments-page' id='twitter-comments-page'>
<div id='js-tweet-box'/>
</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='10' width='500'/>
  </b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'> 
 

Nah.. Begitulah cara memasang kotak komentar facebook di blog kalian, semoga postingan saya ini berguna dan bermanfaat bagi kalian.

Bila kalian masih kurang faham bagaimana menambah kotak komentar facebook dan twitter di blog, kalian boleh bertanya dengan cara bertanya di kotak komentar di bawah. Terimakasih.
0 Comments
Tweets
Komentar

0 komentar:

Posting Komentar