Hy teman-teman bertemu lagi dengan aku hisyam yahya Maaf Ya kalau aku
jarangan posting maklum namanya juga orang sibuk banyak perkerjaan
hehehe kayak orang penting saja ya.Oh ya karena ini ada teman aku yang requst Cara Menggabungkan Kotak Komentar Facebook, Twitter Dengan kotak Komentar Blogger maaf ya sob baru bisa buatin tutornya..oke dah Langsung saja ke tutorialnya..
Screen Shoot
Jika Anda Tertarik dengan itu silahkan ikuti langkah-langkah dibawah ini:
Fitur-fitur yang dibutuhkan untuk Membuat Kotak Komentar Facebook, Twitter Dengan kotak Komentar Blogger adalah sbagai berikut:
- App ID [Facebook]
- Username Facebook
- Api Key [Twitter]
Langsung saja untuk mendapatkan API Key buatlah aplikasi di Twitter,
Untuk membuat nya KLIK DISINI
kemudian ikuti langkah-langkah yang diajukan. (mudah)
Sedikit tambahan untuk aplikasi di twitter ubah pengaturan di Tap Setting. di bagian bawah ada Application type nah disana pilih Read and Write. kemudian simpan dengan mengeklik updates this twitter aplikasi setting. (Supaya tidak error pada saat berkomentar lewat twitter)
Untuk mendapatkan APP ID buatlah aplikasi di Facebook Devoleper
Untuk membuatnya KLIK DISINI
kemudian ikuti langkah-langkah yang diajukan. (mudah)
Dan Selesai Deh.....
Sekarang Waktunya untuk pengeditan ditemplatenya hehe sebelum diedit templatenya Anda Download dlu ya takutnya ntar kalau gak suka atau kalau ada yang error langsung balikin ajja dia seperti semula.
setelah selesai download templatenya sekarang ikuti lagkah-langkah yang ini:
- Login Blogger Anda Sendiri
- Pilih dan Klik rancangan, tata letak/ Design
- Pilih Edit HTML
- Centang 'Expand Template Widget'
- Tekan tobol CTRL + F / F3 lalu ketikan dan cari Code <head>
- Setelah ketemu code <head>
- Masukkan code berikut ini tepat dibawah kode <head>
<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&v=1'/>
- Perhatikan Code Yang berwarna Orange :
Kita juga bisa mengeset username dengan masuk ke
pengaturan akun /Account Settings > username /nama pengguna >
email /suting.
Ganti tulisan APP_ID dengan ID Aplikasi facebook kita yang tadi kita buat sebelumnya
Ganti tulisan API_KEY dengan API KEY dari aplikasi twitter yang kita buat sebelumnya
- Setelah selesai sakarang cari code class='comments'
- Masukkan kode berikut tepat di bawah kode 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 == "item"'>
<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'>
- Perhatikan kode berwarna merah:
Kita bisa mengganti angka 10 dengan jumlah komentar facebook yang ingin ditampilkan
Kita bisa mengganti angka 500 dengan ukuran lebar kotak komentar yang diinginkan
Simpan template dan hasilnya bisa dilihat sendiri pada halaman postingan di blog saya ini. Selamat mencoba, semoga berhasil!
Inget Ya Tinggalkan Comentarnya!!!!!
0 Comments
