Memasang Kotak Komentar Twitter, Facebook di Blogger Berdampingan

Sebelumnya BlogManado sudah membahas tentang Cara Membuat Komentar Facebook di Blog dan Cara memhubungkan Twitter dan Facebook kali ini memberikan tutorial tentang bagaimana memasang tiga komentar sekaligus dalam satu yaitu komentar twitterfacebook dan blog.Tentunya komentar tersebut dipasang dalam bentuk tab-view yang membuat komentar tersebut lebih elegan dan membuat komentar blog lebih bagus.

Cara Memasang Kotak Komentar Twitter, Facebook dan Blog Berdampingan
Untuk memasang komentar twitterfacebook dan blog kalian harus membuat aplikasi dari facebook dan twitter terlebih dahulu, tapi tenang karena membuatnya cukup mudah.Langsung saja ke tutorialnya, ikuti langkah berikut :

Untuk membuat kotek komentar Blogger, Twitter, Facebook dengan digabungkan ikuti langkah dibawah ini :

Yang kita butuhkan adalah :
APP ID (pada facebook)
 Untuk membuat nya KLIK DISINI
API Key (pada twitter ) Untuk membuatnya KLIK DISINI
ID Blogger (pada bglogger) login ke blogger lalu pada Address Bar (copy angka setelah ID=…….)
Langkah pertama sudah selesai ... 

Masuk Langkah Kedua ...

  1. Login ke blogger
  2. Masuk ke edit HTML --> Centang 'Expand Template Widget' 
  3. Masukkan kode berikut tepat di bawah kode <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'/> 

Keterangan : ganti warna merah dengan Profil_ID, APP_ID dan API_KEY yang sudah kalian buat tadi.


4. Copas kode dibawah dan letakkan dibawah kode warna merah ini.
<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'/> Comments
</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'>

5. Kita bisa mengganti kata Comments dan Tweets dengan kata lainnya yang diinginkan
    Kita bisa mengganti angka 10 dengan jumlah komentar facebook yang ingin ditampilkan
    Kita bisa mengganti angka 500 dengan ukuran lebar kotak komentar yang diinginkan 
6.  Simpan template dan lihat hasilnya. 

Tambahan !!! bagi yang ingin menghapus komentar tersebut dari Halaman Static , tinggan anda masukkan kode berikut :

<b:if cond='data:blog.pageType != "static_page"'> 

dan letakkan di bawah kode


<div class='comments' id='comments'>

lalu scroll kebawah sampai ketemu kode
<div class='clear'/>

dan letakkan kode </b:if> tepat dibawah kode diatas.

Keterangan : kode untuk menghilangkan di halaman static ini masih sama letaknya dengan kode yang kalian copas tadi ( Langkah kedua pada step 1 ).

Demikian Memasang Kotak Komentar Twitter, Facebook dan Blog Berdampingan semoga bermanfaat.
Name

advetorial,73,artikel,3,balap,18,basket,4,berita utama,141,berita-utama,1239,beritautama,77,bitung,318,bolaang-mongondow,86,bolaang-mongondow-selatan,17,bolaang-mongondow-timur,50,bolaang-mongondow-utara,30,budaya,7,bulutangkis,35,Dunia Militer,4,ekonomi-bisnis,309,entertainment,203,gallery,47,gaya-hidup,45,Headline,23,hukum-kriminal,420,internasional,152,kesehatan,45,kotamobagu,60,manado,931,merciful-bisnis,4,minahasa,120,Minahasa selatan,22,minahasa-selatan,189,minahasa-tenggara,32,minahasa-utara,63,Minsel,40,nasional,633,Nusa Utara,5,olahraga,347,Opini,1,pariwisata,72,pemerintahan-politik,1381,pendidikan,97,religius,120,sangihe,44,sepakbola,207,sitaro,25,sulut,125,talaud,19,tekno,12,tenis,4,tinju,6,tomohon,100,tutorial-web,18,video,22,
ltr
item
FokusManado.Com : Tercepat Dalam Informasi: Memasang Kotak Komentar Twitter, Facebook di Blogger Berdampingan
Memasang Kotak Komentar Twitter, Facebook di Blogger Berdampingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRWQ-hdbod8vPHnj9m7AncnjYt8uA1thYZSqTJzwD7O2cGq7HdJHBUcf7bxXssySnlBwDzduFt6vgR-31-uMS4FOtr6JviVykBfsz97spBgvSmZhPZvamITIo7vHmtVOx4hwg4xFiNcGo/s1600/Kotak-komentar.JPG
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRWQ-hdbod8vPHnj9m7AncnjYt8uA1thYZSqTJzwD7O2cGq7HdJHBUcf7bxXssySnlBwDzduFt6vgR-31-uMS4FOtr6JviVykBfsz97spBgvSmZhPZvamITIo7vHmtVOx4hwg4xFiNcGo/s72-c/Kotak-komentar.JPG
FokusManado.Com : Tercepat Dalam Informasi
http://www.fokusmanado.com/2013/04/memasang-kotak-komentar-twitter.html
http://www.fokusmanado.com/
http://www.fokusmanado.com/
http://www.fokusmanado.com/2013/04/memasang-kotak-komentar-twitter.html
true
2964614751945099129
UTF-8
Tidak ada sambungan Tidak ditemukan tulisan apa pun LIHAT SEMUA Selengkapnya Balasan Cancel reply Delete PENULIS Home HALAMAN POSTS LIHAT SEMUA DIREKOMENDASIKAN UNTUKMU LABEL ARCHIVE SEARCH SEMUA POS Tidak ditemukan pos apa pun dengan permintaan Anda Back Home Minggu Senin Selasa Rabu Kamis Jumat Sabtu Ming Sen Sel Rab Kam Jum Sab Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember Jan Feb Mar Apr Mei Jun Jul Agu Sep Okt Nov Des just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy