Memasang Komentar terbaru Versi 3


 ----------------------------------------------------------------------------------
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://filemmove.blogspot.com//feeds/comments/default?max-results=10&alt=json-in-script&callback=showrecentcomments"></script>


      Gantilah http://filemmove.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

By : Bang Udin
----------------------------------------------------------------------------------
Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel
----------------------------------------------------------------------------------
Postingan Baru :
TERIMAKASIH SUDAH BERKOMENTAR

Ditulis Oleh : Admin 1 ~pixel tutorial

Muh.Akram Anda sedang membaca artikel berjudul Memasang Komentar terbaru Versi 3 yang ditulis oleh pixel tutorial yang berisi tentang : Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.

Blog, Updated at: Maret 23, 2011
Comments
0 Comments

0 komentar:

Posting Komentar

Total Tayangan Laman

Open Chat
1
_
Hello! Thanks for visiting my site. Please press Start button to Contact with Admin :)

Start

FANS PAGE

Pengalaman Menarik

Arsip Blog