Cara Membuat Komentar Facebook,Blog Dan Twitter Berdampingan

Alhamdulillah setelah saya selesai menuliskan sebuah tutorial cara membuat komentar facebook dan blog berdampingan ,sekarang saya juga te...


Alhamdulillah setelah saya selesai menuliskan sebuah tutorial cara membuat komentar facebook dan blog berdampingan,sekarang saya juga telah selesai kembali membuat sebuah tutorial satu lagi,yaitu cara membuat komentar facebook,blog,dan twitter berdampingan,di sini selain kita dapat berkomentar menggunakan facebook dan akun blogger,kita juga bisa berkomentar dengan akun twitter.Jadi sedikit lengkap sudah kotak komentar di blog kita karena terdapat tiga kolom komentar.

Cara Membuat Komentar Facebook,Blog Dan Twitter Berdampingan


Untuk cara pembuatannya masih cukup sederhana,seperti tutorial-tutorial yang lainnya,sobat hanya perlu edit template blog sobat,tapi jangan lupa seperti biasa,backup dulu template sobat sebelum di edit,untuk jaga-jaga supaya apabila nanti terjadi kesalahan,template sobat sudah aman.Untuk cara-caranya silahkan sobat baca di bawah ini;

Pertama yang kita butuhkan adalah

APP ID (pada facebook)
API Key (pada twitter)
- Profil_Id (pada facebook)


Bingung cara membuatnya-??
Naahh…
Langsung saja untuk mendapatkan API Key buatlah aplikasi di Twitter,
Untuk membuat nya KLIK DISINI

Jika sobat belum bisa cara membuatnya silahkan baca Cara Membuat Api Key Atau ID Aplikasi Di Twitter
kemudian ikuti langkah-langkah yang diajukan. (mudah)

Untuk mendapatkan APP ID buatlah aplikasi di Facebook Devoleper
Untuk membuatnya KLIK DISINI

Jika sobat juga belum bisa cara membuatnya silahkan baca Cara Membuat ID Aplikasi Facebook Untuk Blog
kemudian ikuti langkah-langkah yang diajukan. (juga mudah)

Untuk Profil_id facebook sobat tinggal ambil username pada facebook,contoh www.facebook.com/HarySukaSuka.Username yang saya beri warna merah itulah yang sobat gunakan

Sekarang selesai langkah pertama.
Sebelum memulai, terlebih dulu download template lengkap untuk berjaga-jaga barangkali kita ingin mengembalikan ke template semula atau jika terjadi kesalahan. Sekarang kita mulai langkah-langkah memasang kotak komentar facebook dan twitter di blogger.
 

  
  • Masuk ke akun blogger, lalu pilih Rancangan > Edit HTML > Centang 'Expand Template Widget'Tekan tombol Ctrl+F
  • 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'/>
  • Masukan profi_id facebook sobat,app_id facebook sobat dan api_key twitter milik sobat pada script di atas.
  • Berikutnya cari kode <div class='comments' id='comments'>
  • Kemudian taruh 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:
  • 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
  • Selesai..dan hasilnya bisa sobat lihat sendiri setelah semuanya di jalankan dengan baik.

Untuk DEMO nya silahkan klik tulisan di bawah ini.


Kebanyakan template bisa menggunakan cara ini,.
Okee,,selamat mencoba,dan semoga berhasil...

COMMENTS

BLOGGER: 51
Loading...

Ads 970x90

Nama

allianz,1,andro textile,1,android,6,asmara,1,asuransi,1,award,3,berita,45,bisnis,4,cap kaki tiga,1,commonwealth,2,daftar isi,5,decoder,1,download,15,efek blog,5,elektronik,2,entertainment,3,facebook,18,family,3,flora dan fauna,7,gadet,1,galuh,8,google,17,google adsense,2,google plus,24,hiburan,28,HostingPangeran,1,hotel murah,1,ICAN Education,1,iddetik.com,1,iklan,1,jadwal timnas,1,jasa,1,keindahan alam,2,keluarga,1,kesehatan,1,klasemen,6,komputer,2,kontes,22,kuliner,3,lain-lain,52,Margahayuland 42 tahun membangun,1,maruyungsari,9,olahraga,35,otomotif,9,paket wisata,1,pengalaman,2,persib,2,profil,2,puisi,2,religi,25,review produk,2,sambut brazil,2,seluler,2,software,1,superwash,1,tutorial dan trik blog,74,twitter,4,video,3,widget,1,wisata,5,youtube,11,
ltr
item
BLOG MASHARI: Cara Membuat Komentar Facebook,Blog Dan Twitter Berdampingan
Cara Membuat Komentar Facebook,Blog Dan Twitter Berdampingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI1yUG39FSegMrCmohoadpCpbTiW69n15VJ3eORiudEhrJBQtawYU3T7y95UmeT1_6JFqmROcNo5T6pin_eBRh-6PatFbDLudek6hqqc5k5EGSr-0gf1L8SFupOVmuNR064npjQhBg2Fc/s320/face.jpeg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI1yUG39FSegMrCmohoadpCpbTiW69n15VJ3eORiudEhrJBQtawYU3T7y95UmeT1_6JFqmROcNo5T6pin_eBRh-6PatFbDLudek6hqqc5k5EGSr-0gf1L8SFupOVmuNR064npjQhBg2Fc/s72-c/face.jpeg
BLOG MASHARI
https://harysukasuka.blogspot.com/2013/02/cara-membuat-komentar-facebookblog-dan.html
https://harysukasuka.blogspot.com/
https://harysukasuka.blogspot.com/
https://harysukasuka.blogspot.com/2013/02/cara-membuat-komentar-facebookblog-dan.html
true
1510860441598238899
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec 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