Cara Membuat Wedget Recent Komentar Dengan Mudah

Catatan blog abdul rozak kali ini ingin berbagi tentang Cara Membuat Wedget Recent Komentar Dengan Mudah tentu maksud mudah disini adalah mudah diterapkan di blog anda.

Dengan menampilkan wedget ini keuntungannya banyak sekali, seperti :

1. Kita bisa mengetahui komentar yang sudah masuk di blog tanpa harus menuju dasbord dikolom komentar
2. Teman kita yang berkomentar akan merasakan kebanggan sudah komentar di blog kita. Karena namanya tertera disetiap halaman yang kita punya. Lihat saja di blog ini.
3. Kita bisa mnegetahui di artikel mana kawan kita yang berkomentar dengan cara mengklik nama komentartator.

Setidaknya 3 keuntungan tersebut kita miliki.

Oia saya lupa Wedget Recent Komentar ini saya dapatkan dari Kang-Mousir alamatnya ini http://kang-mousir.blogspot.com/2014/08/membuat-widget-recent-comments-untuk-blogger.html.

Seperti biasa saya tuliskan disini karena memang saya gunakan dalam blog ini. Dan memang sangat bermanfaat bagi saya.

Jika dilihat di blognya kang Mousir, Entah kenapa beliau tidak memberikan tulisan - tulisannya lagi. Padahal apa yang di sampaikannya sangat bermanfaat.

Itulah sedikit curhat selanjutnya kita lanjutkan saja deh Cara Membuat Wedget Recent Komentar Dengan Mudah. Berikut cara - caranya.

Cara Membuat Wedget Recent Komentar Dengan Mudah

1. Silahkan masuk pada templete anda masuk ke adit HTML salin dan copy kode di bawah ini sebelum kode </head>

<script type='text/javascript'>
//Recent Comments Settings
var numComments = 5;
var characters = 60;
</script>
<script type='text/javascript'>
//<![CDATA[ //Recent Comments var numComments=numComments||5,characters=characters||40;function recent_comments(tb){var commentsHtml;commentsHtml='<ul id="recent_comments">';for(var i=0;i<numComments;i++){var commentlink,authorName;if(i==tb.feed.entry.length)break;commentsHtml+="<li>";var entry=tb.feed.entry[i];for(var l=0;l<entry.link.length;l++){if(entry.link[l].rel=='alternate'){commentlink=entry.link[l].href}}for(var a=0;a<entry.author.length;a++){authorName=entry.author[a].name.$t}commentsHtml+="<strong><a href=""+commentlink+"" title=""+authorName+"">"+authorName+"</a></strong>";var commHTML=entry.content.$t;var commBody=commHTML.replace(/(<([^>]+)>)/ig,"");if(commBody!=""&&commBody.length>characters){commBody=commBody.substring(0,characters);commBody+=" …"}else{commBody=commBody}commentsHtml+=" - ";commentsHtml+="<span>"+commBody+"</span>";commentsHtml+="</li>"}commentsHtml+='</ul>';document.write(commentsHtml)} //]]>
</script>

Lihat gambar cari dengan cara klik crtl f.
Akan muncul tempat pencarian seperti pada gambar.
copykan </head> enter.
Akan ketemu kode </head> pada templare anda.
Setelah itu pastekan kode diatas tepat diatas </head>
Kalo sudah klik Simpan Templete

Keterangan :

Yang berwarna merah menunjukan jumlah komentar yang ditampilkan
yang warna biru menujukan jumlah karakter komentar yang di tampilkan

2. Selanjutnya Masuk tata letak.

Klik Tambahkan Gedget lalu Pilih HTML/Java scrip silahkan pastekan kode berikut ini

<script> document.write("<script src="/feeds/comments/default?alt=json&callback=recent_comments"></script>"); </script>

Kalo sudah klik save

Lihat gambar berikut ini

3. Anda sudah berhasil

Silahkan saja anda berkomentar di blog atau minta teman anda berkomentar di blog anda.

Bonus Membuat Recent Post Masih Ala Kang-Mousir

Menurut saya recent post ini cukup sederhana tapi bagus. Tidak membaratkan loading blog.
Cara masangnya juga cukup mudah.
Oia cara ini saya gunakan dari sini sumbernya http://kang-mousir.blogspot.com/2014/06/membuat-widget-recent-posts-untuk-blog.html

Contoh tampilannya seperti ini

Cara Pasang Recent Post

Salinkan saja kode berikut ini pada tambahkan wedget di blog anda posisinya masuk aja ke tata letak. Pilih Tambahkan Gedget. Perhatikan gambar

Kodenya

<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://catatanabdulrozak.blogspot.com/",
numPosts = 5;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp); //]]>
</script>

Keterangan :
Warna biru ganti dengan alamat blog anda
Warna merah ganti dengan jumlah post yang akan di tampilkan di blog anda

Demikian catatan yang bisa saya bagikan yang di gunakan pada bog ini tentang Cara Membuat Wedget Recent Komentar Dengan Mudah semoga bermanfaat.