Cari Artikel Blog Ini

Total Tayangan Laman

MEMASANG KOMENTAR TERBARU (RECENT COMMENT) VERSI 3

Sengaja dibuat dalam beberapa versi agar anda memiliki banyak pilihan Versi 1, Versi 2 dan yang sekarang Versi 3. Silahkan anda pilih mana yang paling sesuai untuk ditampilkan di blog anda.
Memasang Komentar Terbaru (Recent Comment) Versi 3 memiliki kelebihan tersendiri dari versi sebelumnya, yaitu pengaturan penampilannya lebih mudah dan disamping itu dapat membedakan warna latar (background) antara komentator + judul post dengan warna isi dari komentar.
Bagi anda yang ingin mencoba versi 3 ini silahkan ikuti langkah-langkahnya :
  • Langkah Pertama.
    1. Masuk ke Blogger dengan ID anda.
    2. Pilih Tata Letak.
    3. Pilih Edit HTML.
    4. Cari kode ini ]]></b:skin>
    5. Copy kode dibawah ini, kemudian paste tepat diatas kode tadi.


      /* Komentar Terbaru */
      .isi {
      padding-bottom:10px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size:11px;
      padding-left:17px;
      }

      .judul {
      display:inline;
      text-transform:capitalize;
      }

      .yang-komentar {
      display: inline;
      font-weight:bold;
      }

      .komentar-terbaru {
      padding: 2px 0 2px 17px ;
      border-top:1px solid #809fbd;
      border-bottom: 1px solid #809fbd;
      background: #D3DFE9 url(http://i708.photobucket.com/albums/ww86/andiskapati/blue.gif) no-repeat 2px 6px;
      }



      Ganti kode warna yang bercetak merah dengan kode warna yang anda sukai.

    6. Klik Tombol Simpan Template.

  • Langkan Kedua

    1. Pilih Tata Letak, kemudian klik Elemen Halaman.
    2. Klik tanda + pada HTML/JavaSript.
    3. Copy kode dibawah ini kemudian paste pada kolom konten yang tersedia.


      <script style="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(alturl);
      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";
      var comment = entry.content.$t;
      var alamat = entry.author.$t;
      var re = /<\S[^>]*>/g;
      comment = comment.replace(re, "");
      if(entry.author[0].uri){
      var uri = entry.author[0].uri.$t;
      var urilink = uri.split(":");
      urilink = urilink[0];
      if (urilink != "http") var uri = "http://" + entry.author[0].uri.$t;
      }
      else {
      var uri = false;
      }

      if(uri){
      if (showcommentdate == true) document.write('<div class="komentar-terbaru">' + '<div class="yang-komentar">' + entry.author[0].name.$t + '</div>');
      if (showposttitle == true) document.write('&nbsp;on ' +'<div class="judul">'+ posttitle +'</div>');
      document.write(':<br/>'+'</div>');
      if (comment.length < numchars)
      document.write('<div class="isi">' + comment + '</div>');
      else
      document.write('<div class="isi">'+ comment.substring(0, numchars) + '...'+'</div>' );
      }

      else {
      if (showcommentdate == true) document.write('<div class="komentar-terbaru">' + '<div class="yang-komentar">' + entry.author[0].name.$t + '</div>');
      if (showposttitle == true) document.write('&nbsp;on ' +'<div class="judul">'+ posttitle +'</div>');
      document.write(':<br/>'+'</div>');
      if (comment.length < numchars)
      document.write('<div class="isi">' + comment + '</div>');
      else
      document.write('<div class="isi">'+ comment.substring(0, numchars) + '...'+'</div>' );
      }
      }
      }</script><script style="text/javascript">var numcomments = 9;var showcommentdate = true;var showposttitle = true;var numchars = 100;</script><script src="http://epg-studio.blogspot.com/feeds/comments/default?max-results=10&alt=json-in-script&callback=showrecentcomments"></script>



      Gantilah http://epg-studio.blogspot.com dengan alamant blog anda, serta 10 dengan jumlah komentar yang ingin anda tampilkan.
    4. Klik Tombol Simpan.
    5. Lihat blog anda sekarang.
  • Selamat mencoba, semoga bermanfaat



Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
8 Comments

8 komentar :

Seti@wan Dirgant@Ra mengatakan...

Nice tips sobat,... selalu ada pembelajaran berharga disini. Thanks.

-BLOG ANAK ATJEH- mengatakan...

Kang terima kasih atas panduan membuat komentarnya yang terbaru saya suka dan sudah berhasil saya buat

lira mengatakan...

gak ada yang bisa saya ucapkan selain hebat. terimakasih mas saya peraktekan semuanya bolehkan? ;)

namaku ina mengatakan...

assalamu'alaykum wr wb

Alhamdulillah..makasih ya pak..atas tutorial2 diatas.. berguna sekali :D

Bujangger mengatakan...

sori om, dulu pernah pake tips recent komen yang pertama, kok tiba2 gak keluar lagi komennya cuma jadi widget kosong boleh tahu kenapa?

Javabis99 mengatakan...

halo bos. blh jg nih tutornya, lgs sy pake ya. tapi utk koment balasan biar warna agak beda gmn caranya ya? trims n sukses

sandy doank mengatakan...

thank's bget tas infonya carna sebelumnya saya g pernah sukses sebelumnya walo tutor bapak versi 2 apa gi versi 1....

Ki. YUSWA mengatakan...

dah tak pasang kang,trim dan izin nyedot artikelnya..

Poskan Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!