Cara Membuat Recent Comment Gaul

Selamat Malam Sahabat. Bagaimana kabar sobat semuanya. Semoga sehat walafiat. Nah sobat, kali ini saya punya sebuah tutorial yang bagus. Sebetulnya tutorial ini sudah ada sejak lama atau sudah puluhan juta blog yang mempublikasikan tutorial seperti ini. Namun, kali ini saya akan membuatnya menjadi sedikit berbeda.

Biasanya para blogger hanya memposting Cara membuat Recent Comment saja namun tidak di beri tahu bagaimana Cara Memodifikasi Recent Comment itu supaya menjadi Gaul atau jeli ketika di pandang mata.

Sebetulnya Cara Membuat Widget Recent Comment / Cara Memodofikasi Widget Recent Comment itu mudah. Namun saya yakin banyak para blogger pemula yang belum paham betul dengan dunia blogger ( blogspot ). Maka dari itu kali ini saya sudah mempersiapkan tutorial yang bagus untuk anda para pecinta blog ini.

Untuk screenshoot Widget Recent Comment Modifannya sendiri bisa dilihat di bawah ini :

Anda tertarik untuk mempraktekannya, ikutilah langkah-langkahnya berikut ini :

1. Sign in ke Blogspot dengan akun anda
2. Setelah itu masuk ke Rancangan » Elemen Halaman / Tata Letak
3. Click pada tulisan Tambah Gadget
4. Setelah itu masukkan code di bawah ini, di situ :
   
   

   <ul><script style="text/javascript">
   function showrecentcomments(json) {
   for (var i = 0; i < 10; i++) {
   var entry = json.feed.entry[i];
   var ctlink;
   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 (i == json.feed.entry.length) break;
   for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') {
   ctlink = entry.link[k].href;
   break;
   }
   }
   ctlink = ctlink.replace("#", "#comment-");
   var ptlink = ctlink.split("#");
   ptlink = ptlink[0];
   var txtlink = ptlink.split("/");
   txtlink = txtlink[5];
   txtlink = txtlink.split(".html");
   txtlink = txtlink[0];
   var pttitle = txtlink.replace(/-/g," ");
   pttitle = pttitle.link(ptlink);
   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, "");
   
   document.write('<li>');
   if (comment.length < 80) {
   document.write('<div style="font-size:90%;background-color: #E8EEFA;border: #C3D9FF 1px dashed;margin-right:5px">' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + ' ' + 2011);
   document.write(' - ' + '<b>' + entry.author[0].name.$t + '</b>' + ' berkomentar di');
   document.write(' ' + pttitle + ' ' + ':</div>');
   document.write(comment);
   }
   else
   {
   comment = comment.substring(0, 50);
   var quoteEnd = comment.lastIndexOf(" ");
   comment = comment.substring(0, quoteEnd);
   document.write('<div style="font-size:90%;background-color: #E8EEFA;border: #C3D9FF 1px dashed;margin-right:3px">' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + ' ' + 2011);
   document.write(' - ' + '<b>' + entry.author[0].name.$t + '</b>' + ' berkomentar di');
   document.write(' ' + pttitle + ' ' + ':</div>');
   document.write(comment + '...<a href="' + ctlink + '">(lihat seluruhnya)</a>');
   }
   }
   document.write('</li>');
   }
   </script>
   <script src="http://the-killermedia.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
   </script></ul>
   <span style="align:right;font-size:small;font-weight:bold;color:blue;"><script type='text/javascript'>Pernyataan();</script></span>
   <noscript>You need to enable JavaScript to read this.</noscript>

   
   
5. Setelah itu click simpan.
6. Setelah itu Masuk ke Rancangan Edit HTML
7. Masukkan kode di bawah ini di atas kode </head> :
   
   

   https://sites.google.com/site/interzonecom/javascript/data_widget.js

   
   
8. Kemudian, click simpan.
9. Selesai deh.

Keterangan :

• Biru      : Untuk kode yang berwarna biru itu merupakan tahun sekarang. Jika tahunnya sudah berganti, maka anda harus secara manual mengganti tulisan 2011 itu ke tahun berikutnya.
• Hijau    : Itu adalah warna background (latar belakang) dari kotak persegi panjang yang ada di screen shoot tersebut. Jika anda menginginkan warna yang lain, tinggal anda ganti saja kode itu.
• Orange : Itu adalah alamat blog saya. Jika anda ingin meletakkan itu di blog anda maka ganti alamat tersebut dengan alamat blog anda.
• Merah  : Nah, kalau yang ini sih terserah anda. Mau diganti apapun bisa. Misal : Read More, Lanjutkan, Seterusnya, Lebih Banyak, dll. Sesuai selera anda sendiri-sendiri.

NOTE : Jangan merubah kode apapun karena dapat menimbulkan Error. !!

Description: Cara Membuat Recent Comment Gaul Rating: 5 Reviewer: Coba Coba - ItemReviewed: Cara Membuat Recent Comment Gaul