Cara Membuat Widget Komentar Disqus di Blog

adscblog

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.

adscblog

Recommendation Apps

ads1

Previous

Posting Lebih Baru

Next

Posting Lama

Posted by Dede Ubed, Published at 10 Agustus and have 2 komentar