Cara Membuat Widget Komentar Disqus di Blog

Cara Membuat Widget Komentar Disqus di Blog

Jalak Ikal 10 August 2 komentar
Pada Artikel terdahulu infotrens pernah membahas tentang bagaimana cara membuat atau memasang kotak komentar disqus di blog,dan kalai ini juga saya akan berbagi cara memasang widget komentar di blog,widget komentar disqus ini khusus bagi mereka yang memasang disqus komentar di blog nya
Dengan memasang widget Komentar disqus ini,maka akan memudah kan para pengujung untuk mengetahui artikel mana yang banyak di perbincangkan di blog tesebut,dan disitu akan terlihat artikel yang sedang di bahas oleh mereka,namun jika blog tersebut belum ada komentar nya,maka tidak akan muncul alias kosong.

Widget Komentar Disqus ini sangat lah simple sekali dan mungkin cocok untuk anda yang memasangan disqus komentar di blog nya dan menampilkan widget disqus komentar ini di bagian sidebar blog

Cara Memasang Recent Comment Disqus di widget

Untuk anda yang mencari cara untuk menampilkan disqus komentar di bagian widget ini,bisa anda ikuti langkah langkah penerapan nya di bawah ini
  • Masuk ke bagian blogger dengan menggunakan email dan pasword
  • Setelah berada di bagian Dashboard blogger silahkan anda klik tata letak di bagian kiri
  • Kemudian silahkan anda klik "Add a Gadegt" kemudian silahkan pilih Html/Javascript
  • Setelah itu silahkan sobat blogger letakan kode berikut di kolom yang telah di sediakan
<style scoped="scoped" type="text/css">
#recent_comments{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;}
#recent_comments ul.dsq-widget-list{text-align:left;max-height:400px;overflow:auto;}
#recent_comments img.dsq-widget-avatar{margin:3px 10px 7px 0;width:32px;height:32px;padding:0;float:left;border-radius:3px;clear:both;display:block}
#recent_comments p.dsq-widget-meta{clear:both;font-size:80%;margin-top:5px;font-weight:400}
#recent_comments p.dsq-widget-meta a{display:inline-block;width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aaa}
#recent_comments p.dsq-widget-meta a:hover{color:#ff675c}
#recent_comments li.dsq-widget-item{margin:0;padding:6px 10px 6px 0;list-style-type:none;clear:both;border-bottom:1px solid #eee;color:#736fb8;font-weight:600}
#recent_comments li.dsq-widget-item:last-child{border-bottom:none}
#recent_comments a.dsq-widget-user {display:table;color:#736fb8;font-weight:600;}
#recent_comments a.dsq-widget-user:hover{color:#999;}
#recent_comments span.dsq-widget-comment{display:block;clear:both;margin-top:5px;}
#recent_comments .dsq-widget-comment p{display:inline-block;font-size:92%;margin:0;font-weight:400;color:#444;max-width:100%;}
#recent_comments .dsq-widget-item pre{position:relative;background:#ffe4ad;padding-top:0;border-radius:4px;transition:all .3s}
#recent_comments .dsq-widget-item pre:hover {background:#ffe4ad;}
#recent_comments .dsq-widget-item pre code{color:#908575;font-size:82%}
#recent_comments .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:#ebd099}
#recent_comments .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="recent_comments" class="dsq-widget">
<script defer="defer" type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://infotrens.disqus.com/recent_comments_widget.js?num_items=18&hide_mods=0&hide_avatars=1&avatar_size=32&excerpt_length=120\"></scr" + "ipt>");
//]]>
</script>

  • Kemudian Save dan lihat hasil nya
Catatan :  https://infotrens.disqus.com silahakn ganti infotrens dengan akun disqus sobat

Namun jika sudah di pasang Recent comment disqus tersebut tetapi tetap belum muncul juga,silahkan sobat blogger pasang jQuery berikut sebelum kode </head>
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script>

Kemudian Save template dan lihat hasil nya

Nah itulah Cara memasang Komentar disqus di widget blog,semoga artikel nya bisa membantu sobat blogger,selamat mencoba.

Ratings: 
Posted by Jalak Ikal, Published at 10 August and have 2 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

2 komentar

keren.. tapi apa tidak terlalu mempengaruhi loading blog gan??

Balas

Tapi kalu saya coba,gak tuh gan...

Balas

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi