11.9.14

Cara Membuat Widget Komentar Terakhir Menggunakan Comment Slider

Cara Membuat Komentar Terakhir Mmenggunakan Comment Slider
Untuk menampilkan pemberi komentar terbaru ataupun komentar terakhir dalam blog, anda bisa menerapkan cara membuat komentar terakhir bergerak berikut ini. Yang mana fungsinya jelas, admin blog ingin menampilkan jumlah komentar terakhir kepada para visitornya, dan memberi kesan bahwa pemilik lebih senang jika pengunjung blog/web nya untuk meninggalkan jejak ketika selesai membaca artikel-artikelnya.

Memang jika dilihat lagi dengan adanya widget Recent comment yang tersimpan dalam bilah blog, betul-betul memberi kesan lebih semarak kepada pengunjung lainnya, hal itu seakan mengajak kita untuk berlama-lama dan ikut serta untuk berdiskusi.

Nha, untuk Anda yang ingin coba membuat widget komentar terakhir dalam blognya, silahkan untuk melanjutkan membaca artikel ini. Saya kembali akan coba berbagi tentang tata cara pembuatannya, kepada sodara semua. Mengapa saya mengatakan ‘kembali memposting’ tata cara membuat widget komentar terakhir ini? Benar sekali, karena pada postingan terdahulu saya pernah juga menulis tentang cara membuat recent comment with avatar. Silahkan baca dengan mengklik link berikut :  


Langsung saja.

1. Masuk kedalam dasbor blog, kemudian piih ‘Tata letak’ dan lanjutkan dengan memilih ‘Tambahkan gadget’ perhatikan gambar berikut.

Cara Membuat Komentar Terakhir Mmenggunakan Comment SliderCara Membuat Komentar Terakhir Mmenggunakan Comment Slider


2. Selanjutnya pilih ‘HTML/Javascript’ dan pastekanlah (simpan) kode berikut ini kedalam gadget ‘HTML’ 

<div style="overflow:auto; width:auto; height:200px; padding:5px; border:1px solid #ffffff;"> <marquee align="center" direction="down" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2">
<script type="text/javascript">
function showrecentcomments(json) {
for (var i = 0; i < numcomments; i++) {
var entry = json.feed.entry[i];
var alturl;

if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
alturl = alturl.replace("#", "#comment-");
var postlink = alturl.split("#");
postlink = postlink[0];
var linktext = postlink.split("/");
linktext = linktext[5];
linktext = linktext.split(".html");
linktext = linktext[0];
var posttitle = linktext.replace(/-/g," ");
posttitle = posttitle.link(postlink);
var commentdate = entry.published.$t;
var cdyear = commentdate.substring(0,4);
var cdmonth = commentdate.substring(5,7);
var cdday = commentdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");
if (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write('<br/>');
if (showcommentdate == true) document.write('On ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' ');
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> commented');
if (showposttitle == true) document.write(' on ' + posttitle);
if (!standardstyling) document.write('</div><div class="bbrecpostsum">');
if (standardstyling) document.write('<br/>');
if (comment.length < numchars) {
if (standardstyling) document.write('<i>');
document.write(comment);
if (standardstyling) document.write('</i>');}
else
{
if (standardstyling) document.write('<i>');
comment = comment.substring(0, numchars);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a href="' + alturl + '">(more)</a>');
if (standardstyling) document.write('</i>');}
if (!standardstyling) document.write('</div>');
if (standardstyling) document.write('<br/>');
}
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('</li>');
if (!standardstyling) document.write('</div>');
}
</script>
<script>
var numcomments = 15;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://www.mochadnan.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments">
</script>
</marquee>
</div>
3. Sebelum anda menyimpan atau mengklik ‘save’ sebaiknya lakukanlah perubahan pada kata yang tercetak berwarna merah tersebut. Gantilah dengan alamat Url blog anda masing-masing, setelah itu barulah klik 'Simpan'. Demikianlah Cara Membuat Komentar Terakhir Mmenggunakan Comment Slider Semoga bermanfaat.

→ About the author

Moch Adnan adalah Admin Blog yang mempunyai ketertarikan dengan Dunia Blogging,kamu bisa Menemukan saya dan memfollow saya di Google + Twitter Facebook


Terima Kasih Telah Membaca Artikel Cara Membuat Widget Komentar Terakhir Menggunakan Comment Slider . Jika Anda tertarik dengan artikel seperti ini, silahkan untuk berlangganan artikel Gratis dengan cara mengetikkan alamat e-mail anda pada kotak berlangganan berikut:
Subscribe via Email

Silahkan tinggalkan komentarnya
Mohon untuk tidak memasukkan link hidup dalam berkomentar