Senin, 22 Juli 2013
Cara Membuat 3 Kotak Komentar Blogger, Facebook dan Twitter - Halo sobat Sepetir Info ,Kali ini saya mau share tentang Cara Membuat 3 Kotak Komentar Blogger, Facebook dan Twitter. adalah salah satu fitur terbaru di blogger. komentar ini cocok untuk pengunjung untuk bisa berdiskusi di blog dan tentu juga Lebih mudah. Postingan kali ini pastinya Mempermudah sobat-sobat yang ingin berkomentar dengan Twitter .Maka Dengan menggabungkan Komentar inilah, komentar blogger lama tidak akan hilang, melainkan bergabung dengan komentar Facebook dan Twitter .
Sebelum mulai untuk membuat tutorial ini sobat perlu untuk menyiapkan beberapa hal :
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 :
Catatan : - Untuk code berwarna merah 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.
Semoga bermanfaat posting ini untuk sobat blogger, Jika sobat masih bingung jangan ragu untuk berkomentarlah sebanyak mungkin. Akan saya jawab dengan sepengetahuan dan Dengan sebaik-baiknya
 |
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='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&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 merah 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.
Terima Kasih Atas Kunjungan sobat...
