Minggu, 16 November 2014

Cara Membuat Komentar Facebook, Twitter dan Blog Berdampingan

Ketika saya menulis artikel ini saya baru saja membuat kotak komentar facebook, twitter dan blog yang berdampingan. Kegunaa kita membuat komentar facebook, twitter dan blog yang berdampingan bisa membuat pengunjung lebih mudah berkomunikasi dengan anda lewat media sosial seperti facebook dan twitter karena jika anda menggunakan komentar facebook, twitter dan blog andapun menjadi lebih mudah mengetahui komentar pengunjung lewat facebook lewat media sosial anda.

Tidak bisa dipungkiri pengaruh media sosial sangat besar anda mungkin membuka media sosial setiap saat jadi kegunaan media sosial seperti facebook dan twitter sangat bermanfaat dalam mengembangkan blog anda.
Cara Membuat Komentar Facebook, Twitter dan Blog Berdampingan


Sebelum anda mengikuti langkah-langkah cara membuat kotak komentar facebook, twitter dan blog berdampingan anda disarankan mengbackup dulu template anda untuk berjaga-jaga ketika ada error ketika anda edit template nanti.

Yang dibutuhkkan untuk membuat kotak komentar facebook, twitter dan blog berdampingan adalah :
APP ID (pada facebook)
API Key (pada twitter)
Profil_Id (pada facebook)


Jika anda kebingungan cara mendapatkan atau membuat APP ID, API Key dan Profil Id ikutilah langkah-langkah berikut init

Untuk mendapatkan APP ID anda bisa dapatkan di Facebook DevoleperUntuk mendapatkan dan membuatnya anda bisa KLIK SINI
Jika sobat juga belum bisa cara membuatnya silahkan baca Cara Membuat ID Aplikasi Facebook Untuk Blog
Membuatnya sangat mudah jika anda mengikuti langkah-langkahnya dengan benar.

Langsung saja untuk mendapatkan API Key buatlah aplikasi di Twitter,
Untuk membuatnya anda bisa kunjungi DISINI
Jika sobat juga belum bisa cara membuatnya silahkan baca Cara Membuat Api Key di Twitter

Untuk Profil Id anda bisa ambil dari facebook anda contohnya:
www.facebook.com/kangdeso yang berwarna merah merupakan id anda


Setalah anda mendapatkan APP ID, API Key dan Profil id anda bisa melakukan langkah selanjutny dibawah ini.

  1. Masuk ke akun blogger, lalu pilih Rancangan > Edit HTML > Centang 'Expand Template Widget'Tekan tombol Ctrl+F
  2. Masukan script di bawah ini tepat di bawah kode <head> ,sobat bisa gunakan ctrl+f untuk mencari kode <head> tersebut.
<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'/>
   3.   Masukan profi_id facebook sobat,app_id facebook sobat dan api_key twitter milik sobat pada script di atas.
   4.   Berikutnya cari kode <div class='comments' id='comments'> 
         Jika anda menemukan dua kode yang sama pilihlah kode yang pertama
   5.   Kemudian letakkan script di bawah ini tepat di bawah kode <div class='comments' id='comments'>


<div class='comments-tab' id='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'/> Tweets</div><div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'><fb:comments-count expr:href='data:post.url'/> Komentar</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='400'/>  </b:if></div><div class='comments comments-page' id='blogger-comments-page'> 
 Perhatikan kode berwarna merah:
  • Anda bisa mengganti kata Comments dan Tweets dengan kata lainnya yang diinginkan
  • Anda bisa mengganti angka 10 dengan jumlah komentar facebook yang ingin ditampilkan
  • Anda bisa mengganti angka 500 dengan ukuran lebar kotak komentar yang diinginkan
  6. Lihatlah hasilnya, jika belum bisa silahkan komentar dikolam komentar dibawah ini

2 komentar:

  1. If you want your ex-girlfriend or ex-boyfriend to come crawling back to you on their knees (no matter why you broke up) you have to watch this video
    right away...

    (VIDEO) Get your ex CRAWLING back to you...?

    BalasHapus
  2. Are you looking for free Google+ Circles?
    Did you know that you can get these ON AUTOPILOT AND TOTALLY FREE by registering on Like 4 Like?

    BalasHapus