Cara memasang widget komentar disqus secara lengkap beserta gambar
Cara Memasang Widget Komentar Disqus Secara Lengkap. Apa itu Disqus? Disqus adalah sebuah sistem komentar di jaringan dunia maya yang bisa di integrasikan dengan platform blogging seperti; Blogger, Wordpress, Jomla, dan lain lain. Jutaan blogger kini telah bergabung dan menggunakan sistem komentar Disqus ini mulai dari blogger pemula sampai blogger master.
Dengan memasang kolom komentar disqus di blog, sobat mempermudah blogger lain untuk berkomentar tanpa memasukkan informasi atau identitas blog mereka. Mereka tinggal melakukan logn-in dengan akun Facebook, Twitter atau google+ mereka sudah bisa melakukan komentar di blog sobat.
Selain itu sobat bisa membangun komentar di luar blog hanya dengan masuk di akun Disqus, sobat juga bisa berkomentar atau membalas komentar melalui situs Disqus tanpa harus masuk di blog sobat.
Berikut cara memasang widget komentar disqus
Untuk menambahkan kolom komentar Disqus di blogspot sobat, yang perlu sobat lakukan adalah meendaftar sebagai pengguna disqus terlebih dahulu.
Pertama silahkan masuk situs Disqus. kemudian sobat bisa memilih untuk pendaftaran bisa menggunakan Facebook, Twitter, google+ atau sobat bisa mendaftar dengan platfrom pendaftaran yang disediakan oleh disqus sendiri untuk membuat akun.
Langkah Ke dua pilih tombol i want to intsall diqus on my site.
Langkah ke tiga isikan semua data yang diminta seperti : nama website berarti nama judul blogger sobat apa, kategori pilih saja living atau sesuaikan dengan isi blog sobat, jika sudah maka sobat klik create site. lalu klik Let's get started jika muncul bacaan tersebut.
Langkah ke empat untuk meng-instal disqus comment pilih logo yang sesuai, kalau sobat pakai blogger pilih logo blogger, jika menggunakan wordPress silahkan pilih logo wordpress, jangan sampai sobat salah memilih logo karena nanti tidak akan bisa hehe.
Langkah ke lima silahkan sobat klik add tutorial blogger to my Blogger Site > Menambah Widget tau add wigdet. Sebelum melakukan langkah ini ada baiknya sobat scroll artikel dibawah cara menambahkan komentar lama ke dalam disqus, jika sudah silahkan menuju langkah terakhir.
Baca juga : Cara Mempercepat Loading Blogger Dengan Mudah.
Langkah terakhir setelah sobat menekan ADD Widget tadi maka otomatis Anda di bawa masuk ke tata letak blog sobat untuk memastikan apakah widget disqus sudah terpasang taau belum jika sudah sobat langsung klik Simpan setelan.
Menambahkan komentar lama ke dalam disqus
Jika sebelumnya sobat memiliki banyak komentar di blog dan sobat ingin memindahkan seluruh komentar itu ke disquss caranya sobat bisa mengklik Discussions > Import > Import comments from Blogger.
Mengimport komentar blog ke Disqus sebaiknya dilakukan sebelum melakukan terakhir di atas. Jadi klik lebih dahulu Discussions > Import > Import comments from Blogger. Jika sudah selesai bagian ini baru kemudian klik add tutorial blogger to my blogger site > menambah Widget atau add widget.
Demikialah cara memasang komentar disqus di blogger terbaru beserta gambar.
Selanjutnya kita mempercantik dengan metode html widget disqus terbaru
Fungsi widget komentar terbaru dari Disqus ini adalah untuk menampilkan komentar terbaru baik dari pengunjung maupun admin yang mengomentari artikel di blognya. Bagi yang tertarik, Silakan disimak langkah berikut :
Pastikan di blog Anda sudah menggunakan sistem komentar Disqus.
Login ke Blogger > Tata letak > Buat widget baru HTML/Javascript > Kemudian tambahkan script komentar Disqus di bawah ini di dalam widget html :
<style scoped="scoped" type="text/css">
#RecentComments{display:block;width:100%;margin:0 auto;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:400px;}
#RecentComments ul.dsq-widget-list{text-align:left;max-height:400px;overflow:auto;}
#RecentComments img.dsq-widget-avatar{margin:3px 10px 7px 0;width:32px;height:32px;padding:0;float:left;border-radius:3px;clear:both;display:block}
#RecentComments p.dsq-widget-meta{clear:both;font-size:80%;margin-top:5px;font-weight:400}
#RecentComments p.dsq-widget-meta a{display:inline-block;width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444}
#RecentComments p.dsq-widget-meta a:hover{color:#ff675c}
#RecentComments li.dsq-widget-item{margin:0;padding:6px 0 4px;list-style-type:none;clear:both;border-bottom:1px solid #eee;color:#736fb8;font-weight:600}
#RecentComments li.dsq-widget-item:last-child{border-bottom:none}
#RecentComments a.dsq-widget-user {display:table;color:#736fb8;font-weight:600;}
#RecentComments a.dsq-widget-user:hover{color:#999;}
#RecentComments span.dsq-widget-comment{display:block;clear:both;margin-top:5px;}
#RecentComments .dsq-widget-comment p{display:inline-block;font-size:88%;margin:0;font-weight:400;color:#444}
#RecentComments .dsq-widget-item pre{position:relative;background-color:#f3ffca;padding-top:0;box-shadow:0 1px 0 rgba(0,0,0,.1);border-radius:0;opacity:.9;transition:all .3s;}
#RecentComments .dsq-widget-item pre:hover {opacity:1}
#RecentComments .dsq-widget-item pre code {color:#444;font-size:82%;}
#RecentComments .dsq-widget-item pre:before{content:'';position:absolute;padding:initial;font-size:initial;text-indent:initial;left:initial;color:initial;top:0;right:0;width:1.2em;height:1.2em;background-color:#d8e3b0}
#RecentComments .dsq-widget-item pre:after{content:'';font-size:initial;padding:0;position:absolute;width:0;height:0;border-style:solid;border-width:0 1.2em 1.2em 0;border-color:transparent #fff transparent transparent}
</style>
<div id="RecentComments" class="dsq-widget">
<script defer="defer" type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://tutorialbloger.disqus.com/recent_comments_widget.js?num_items=18&hide_mods=0&hide_avatars=1&avatar_size=32&excerpt_length=120\"></scr" + "ipt>");
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$("#RecentComments a").filter(function(){return this.hostname&&this.hostname!==location.hostname}).attr('rel', 'nofollow').attr('target', '_blank');
//]]>
</script>
</div>
Ganti kode tutorialbloger dengan nama user blog Disqus Anda.
jika sudah simpan widget dan liat hasilnya.
Catatan Akhir
Membuat komentar Disqus itu sangat mudah bukan, sobat hanya perlu membuat akun Disqus terlebih dahulu untuk mulai mengintegrasikan blogspot dengan Disqus. Setelah memasang disqus di blog, sobat blogger juga bisa menambahkan pengaturan moderator komentar untuk menghindari spammer yang masuk di situs sobat.Demikian tutorial Cara Memasang Komentar Disqus di Blogger Terbaru Lengkap Beserta Gambar, semoga bermanfaat. Jika ada kesalahan silahkan sobat tinggalkan komentar dibawah. Salam Blogger.
EmoticonEmoticon