Cara Membuat Widget Komentar Terbaru

Memiliki blog dengan gaya moderasi komentar merupakan salah satu cara untuk mengetahui dan menyetujui setiap komentar pengunjung yang masuk. Tapi tidak semua blog menerapkan cara tersebut, banyak juga kita temukan blog yang menyajikan komentar tanpa moderasi dan dapat juga dikomentari oleh Anonym (tanpa nama/akun google). Hal ini dapat menyebabkan banyaknya komentar masuk yang tidak kita ketahui dan tanpa penyaringan moderasi. Nah..,untuk mengatasi hal tersebut, berikut ini saya sajikan Cara Membuat Widget Komentar Terbaru yang dapat menampilkan komenter terbaru pada postingan yang ada di blog anda, sehingga anda tidak perlu memeriksa satu persatu postingan untuk mengetahui adanya komentar masuk, melalui widget ini anda sudah dapat menemukannya.


Cara pemasangan :
- Masuk ke akun blog anda.
- Klik Tata Letak/Layout.
- Klik Tambahkan Gadget/Add Gadget.
- Pilih HTML/Javascript.
- Pastekan kode dibawah ini disini.

<div style="overflow:auto;width:auto;height:250px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;"> <style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style>
<script type="text/javascript">
 //<![CDATA[
 // Recent Comments Settings
var
numComments = 10,
showAvatar     = true,
 avatarSize      = 35,
 roundAvatar   = true,
characters       = 250,
defaultAvatar  = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src=" http://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js "></script> <script type="text/javascript" src="http://www.madeputra.id/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

- Ganti tulisan ORANGE sesuai dengan lebar lokasi penempatan widget ini.
- Ganti tulisan BIRU dengan jumlah komentar yang ingin ditampilkan.
- Ganti tulisan HIJAU dengan jumlah karakter/huruf yang ingin ditampilkan.
- Ganti tulisan MERAH dengan nama blog anda.
- Simpan.
- Selesai.

atau juga bisa melalui kode script dibawah ini :

<script type="text/javascript">
var a_rc = 5;
var m_rc = false;
var n_rc = true;
var o_rc = 50;
function showrecentcomments(e){for(var r=0;r<a_rc;r++){var t,n=e.feed.entry[r];if(r==e.feed.entry.length)break;for(var i=0;i<n.link.length;i++)if("alternate"==n.link[i].rel){t=n.link[i].href;break}t=t.replace("#","#");var a=t.split("#");a=a[0];var c=a.split("/");c=c[5],c=c.split(".html"),c=c[0];var s=c.replace(/-/g," ");s=s.link(a);var o=n.published.$t,l=(o.substring(0,4),o.substring(5,7)),u=o.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in n)var d=n.content.$t;else if("summary"in n)var d=n.summary.$t;else var d="";var v=/<S[^>]*>/g;if(d=d.replace(v,""),document.write('<div class="rcw-comments">'),1==m_rc&&document.write("On "+m[parseInt(l,10)]+" "+u+" "),document.write('<span class="author-rc"><a href="'+t+'">'+n.author[0].name.$t+"</a></span> commented"),1==n_rc&&document.write(" on "+s),0==o_rc)document.write("</div>");else if(document.write(": "),d.length<o_rc)document.write("<i>&#8220;"),document.write(d),document.write("&#8221;</i></div>");else{document.write("<i>&#8220;"),d=d.substring(0,o_rc);var w=d.lastIndexOf(" ");d=d.substring(0,w),document.write(d+"&hellip;&#8221;</i></div>"),document.write("")}}}
</script><script src=http://www.madeputra.id/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script><div style="font-size: 10px; float: right;">Dapatkan comment widget ini di <a href="http://www.madeputra.id/2017/02/cara-membuat-widget-komentar-terbaru.html">sini</a></div>
<style type="text/css">
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px dotted;padding: 7px 0;}
</style>

Semoga Bermanfaat...

0 komentar:

Posting Komentar

Copyright © madeputra.id | Powered by Blogger Design by ronangelo | Blogger Theme by NewBloggerThemes.com