Cara Pasang Widget Komentar Terbaru - Saifullah | My Everything

Cara Pasang Widget Komentar Terbaru

Ketika kita mempunyai sebuah blog, ada beberapa widget yang penting untuk dipasang. Salah satunya adalah widget "Komentar Terbaru". Widget ini berfungsi untuk menampilan cuplikan komentar terbaru yang dilakukan oleh pengunjung disetiap postingan kita. Hal ini akan memudahkan kita untuk mengetahui apakah ada komentar terbaru di blog. Di dalam widget ini juga sudah terdapat tanggal, nama orang, judul, dan isi komentar, dan jumlah semua komentar di blog. Sehingga tampilannya sudah seperti pesan masuk.

Berdasarkan pengalaman, sebelum saya menggunakan widget ini, seringkali saya tidak mengetahui ada komentar yang masuk, kecuali ketika saya sudah membuka email. Tentunya ini akan berdampak buruk bagi perkembangan blog, karena membalas komentar sangatlah penting agar pengunjung blog tetap betah berada di blog kita. Terlebih lagi jika komentar tersebut berisi pertanyaan yang butuh penjelasan. Menurut saya membalas komentar merupakan sebuah bentuk pelayanan yang baik dari admin terhadap pengunjungnya. 
Widget ini bisa dipasang di sidebar, footer, dan dimana saja yang kita inginkan. Widget ini dibuat dengan mengkolaborasikan JavaScript dan sedikit CSS. Jadi widget tidak akan mempengaruhi skema warna blog.

Cara memasang widget:
1. Masuk ke Blogger > Layout/Tata Letak > Add a Gadget/Tambahkan Gatget

2. Pilih HTML/JavaScript

3. Isi kolom Title/Judul dengan tulisan Komentar Terbaru atau Recent Comment
4. Isi kolom Content/Konten dengan kode di bawah ini:
<script type="text/javascript">
var a_rc = 5;
var m_rc = true;
var n_rc = true;
var o_rc = 100;
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]="01",m[2]="02",m[3]="03",m[4]="04",m[5]="05",m[6]="06",m[7]="07",m[8]="08",m[9]="09",m[10]="10",m[11]="11",m[12]="12","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(""+u+"/"+m[parseInt(l,10)]+"/17 "),document.write('<span class="author-rc"><a href="'+t+'">'+n.author[0].name.$t+"</a></span> mengomentari"),1==n_rc&&document.write(" judul "+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://saifullah.xyz/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script>
<style type="text/css">
.rcw-comments a {text-transform: uppercase;}
.rcw-comments {border-bottom: 1px dotted;padding: 7px 0;}
</style>
<div class="jumlahkomeng"><script style="text/javascript">
function numberOfComments(json) {
document.write('Jumlah Komentar : <b>' + json.feed.openSearch$totalResults.$t +
'</b><br>');}</script>
<script src="http://saifullah.xyz/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></div>
5. Ganti tulisan saifullah.xyz dengan URL blog kalian
6. Tekan "Save"
7. Coba buka blog kalian. Akan muncul kolom komentar seperti di blog saya.

Ada beberapa script yang bisa diubah sesuai keinginan:
1. Jumlah Komentar: var a_rc = 5;
Ganti angka 5 sesuai keinginan

2. Tanggal Komentar: var m_rc = true;
Ubah true menjadi false jika ingin menyembunyikan tanggal

3. Judul Postingan: var n_rc = true;
Ganti true menjadi false jika ingin menyembunyikan judul

4. Jumlah Karakter Komentar: var o_rc = 100;
Ubah angka 100 dengan angka yang diinginkan

5. Jenis Bulan:
Array;if(m[1]="01",m[2]="02",m[3]="03",m[4]="04",m[5]="05",m[6]="06",m[7]="07",m[8]="08",m[9]="09",m[10]="10",m[11]="11",m[12]="12"

Ganti angka yang berada di dalam tanda petik menjadi tulisan nama bulan jika kalian suka.
Misal: "01" diubah menjadi "Jan" atau kalau mau lengkap "Januari". "02" jadi "Februari" dan seterusnya. Jika nama bulan di ganti, maka ganti "tanda miring" di kode ini (""+u+"/"+m[parseInt(l,10)]+"/17 ")  menjadi spasi. Angka 17 juga bisa diubah menjadi 2017

Semoga bermanfaat :)
SHARE:

Jangan lupa berkomentar ya

Centang "Beri tahu saya" supaya ada pemberitahuan melalui email saat kami membalas komentar kamu.

 
Template By Saifullah
Back To Top