Cara Membuat Komentar Blog, Twitter Dan Facebook Berdampingan

Cara Membuat Komentar Blog, Twitter Dan Facebook Berdampingan

Add Comment
Advertisement
Your Ads Here
Komentar Blog, Twitter Dan Facebook Berdampingan

Cara Membuat Komentar Blog, Twitter Dan Facebook Berdampingan - Halo sobat setia Blog Mas Hanif, akhirnya setelah agak lama nggak posting karena mikirin template, saya bisa posting juga. Yah kemarin saya telah posting Cara Membuat Komentar Facebook dan Blog Berdampingan, berhubung juga di postingan saya yang kemarin ada yang minta di sharekan ini, yah apa boleh buat saya akan share. Awalnya sih agak enggak percaya, emang ada ya kotak komentar Twitter? Setelah saya tanya di Mbah Google ternyata ada. Oke langsung saja Cekidooot.... 
  1. Profile_ID (Facebook)
  2. APP_ID (Facebook)
  3. API_Key (Twitter)

    Yang belum mempunyai material di atas silahkan baca di bawah ini :

    1. Profile_ID adalah ID account facebook kamu contohnya punya saya "http://www.facebook.com/hanif.maliki1" jadi Profile_ID saya adalah "hanif.maliki1"

    2. APP_ID adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar facebook, yang belum punya silahkan buat disini

    3. APP_Key adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar twitter, yang belum punya silahkan buat disini
      Kalo semuannya sudah di siapkan, mari kita mulai tutorialnya :

      1. Masuk ke akun blogger > Template > Edit HTML > Centang terlebih dahulu 'Expand Template Widget'

      2. Masukan script di bawah ini tepat di bawah kode <head>. Agar lebih mudah tekan Tombol Ctrl + F kemudian masukkan <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'/>

      3. Masuk kan Profile_ID kamu, APP_ID facebook kamu dan API_Key twitter kamu, ke dalam Script di atas

      4. Masuk kan Script di bawah ini tepat di code class='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'>

      5. Amati kode yang berwarna merah
      1. Commnts, Tweets dan Komentar dapat di ganti sesuka hati kita , karena ini adalah judul dari kotak komentar masing-masing
      2. Angka 10 merupakan jumlah komentar yang ditampilkan, dapat anda rubah
      3. Angka 400 adalah lebar dari kotak komentar, bisa anda rubah

            6. Simpan template blog anda , dan lihat hasilnya , mudah-mudahan sukses ya.

            Sekian kurang lebihnya mohon maaf, jika anda berkenan tolong follow blog ini, anda juga bisa request Software dan Tutorial ke saya dengan cara like dan comment di FP blog ini. Baca juga artikel tentang Cara Cek Kecepatan Loading Blog, Cara Membuat Scroll Pada Blog Archive, Cara Merubah Cursor Pada Blog.
            Advertisement
            Your Ads Here

            You might also like

            0 Comments


            EmoticonEmoticon

            Langganan: Posting Komentar (Atom)