Menggabungkan Komentar Blogger Dengan Komentar Facebook dan Twitter berfungsi untuk pengunjung yang ingin menyampaikan komentarnya, Melalui Komentar Blogger, Ataupun Komentar Facebook dan Twitter. Atau lebih tepatnya mempermudah pengunjung untuk berkomentar dan lama kelamaan blog kita juga akan Ramai .
Sebelum mulai untuk membuat tutorial ini sobat perlu untuk menyiapkan beberapa hal :
- Profile_ID (facebook) ganti dengan Profile_ID facebook Anda.
- APP_ID (facebook) ganti dengan Profile_ID dari Fans Page Anda.
- API_Key atau Consumer Key (twitter) adalah ID dari aplikasi twitter - Buat Disini
- Setelah selesai membuat API_KEy twitter saya sarankan supaya untuk jangan menutup hasil dari yang telah dibuat sebelumnya, OKE !!!
Cara Menggabungkan 3 Kotak Komentar Blogger, Facebook dan Twitter :
- Silahkan Masuk Ke Blogger Anda.
- Setelah itu, Klik Menu Template, --> Terlebih dahulu backup template anda, --> Lalu, Klik Tombol Edit HTML.
- Kemudian Cari Kode ini <head> dengan menekan CTRL+F.
- Setelah ketemu letakan code dibawah ini tepat dibawahnya:
<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'/>
Ganti Profile_ID dengan ID Facebook anda, ganti APP_ID dengan aplikasi Facebook fan page anda, dan ganti API_KEY dengan Consume Key yang tadi telah anda buat di Aplikasi Twitter.
Selanjutnya cari code kira-kira seeperti ini <div class='comments' id='comments'>
letakan code dibawah ini tepat dibawah dibawahnya :
<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='20' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
- Setelah itu, Klik Tombol Simpan Template.
Catatan : - Untuk code berwarna Biru silahkan anda ganti dengan keinginan anda sendiri tergantung daya tarik sobat sendiri.
- Apabila Terdapat 2 kode <div class='comments' id='comments'> yang sama Silakan sobat pastekan ke kode yang kedua saja.
- Apabila Terdapat 2 kode <div class='comments' id='comments'> yang sama Silakan sobat pastekan ke kode yang kedua saja.
+ komentar + 1 komentar
Makasih udah share..
Trading forex vs trading gold
Post a Comment