Selasa, 12 November 2013

Browse Manual » Wiring » » » » » » » Cara Menambahkan Nomor Urut Pada Komentar

Cara Menambahkan Nomor Urut Pada Komentar


Nomor Urut Komentar
gw - Berikut ini adalah cara menambahkan nomor urut pada komentar yang diberikan oleh pengunjung pada setiap postingan.  Tampilan nomor urut ini bisa Anda lihat pada bagian komentar blog ini atau cobalah berikan satu komentar pada postingan ini, maka otomatis komentar Anda akan diberi nomor urut.

Nomor urut komentar ini, akan lebih lebih terasa mantap jika kotak komentar di blog kalian itu lebar atau dari templatenya sudah lebar full page dan pasti akan kelihatan lebih menyolok jika kalian gunakan warna yg serasi dengan template kalian.
Berikut ini adalah cara menerapkan dan menambahkan nomor urut komentar pada elemen komentar blogspot.
  • Login ke blogger dengan ID Anda
  • Pada halaman dashboard blogger pilih Template sebelum melakukan perubahan backup template Anda terlebih dahulu.
  • Pilih menu Template > Edit HTML
  • Perhatikan baris kode seperti ini <b:skin>...</b:skin> perluas kode ini dan cari kode ]]></b:skin>
  • Tempatkan kode di bawah ini tepat diatas kode ]]></b:skin>
  • .comments-number{position:absolute;top:55px;left:-44px;border-radius:10px;background:#BD5D48;width:20px;height:20px;font-size:10px;line-height:2em;color:#fff;text-align:center}
    .comments .comment-thread.inline-thread .comments-number{top:44px;left:-38px}
  • Untuk menyesuaikan dengan tampilan blog Anda ganti kode warna ini : #BD5D48 dengan kode warna Anda 
  • Selanjutnya cari kode seperti di bawah ini
  • (function() {
          var items = <data:post.commentJso/>;
  • Ganti dengan kode berikut ini
    • var items_copy=[];
      (function() {
      var items = <data:post.commentJso/>;
      items_copy=items;
    • Berikut cari lagi kode : <data:post.commentHtml/> dan tepat dibawahnya tempatkan script berikut ini
    • <script type=text/javascript>
      //<![CDATA[
      for(i=0;i<items_copy.length;i++){a=document.getElementById(c+items_copy[i].id);b=a.innerHTML+<span class="comments-number">+(i+1)+</span>;a.innerHTML=b}
      //]]>
      </script>
    • Simpan perubahan dokumen HTML template Anda dengan menekan tombol Save template
    Sekarang ucapkan Alhamdulillah, karena pekerjaan menambahkan nomor urut pada komentar blogspot telah selesai, dan sekarang silahkan periksa blog Anda jangan lupa komentarnya ya...
    source

    Tidak ada komentar:

    Posting Komentar