Cara Membuat Status di Bagian Komentar

Kang Ajay
10

Seperti Anda lihat, di bagian atas daftar komentar blog ini akan ada tulisan yang berbunyi:
Syukur Alhamdulillah berhasil menyelesaikan postingan yang berjudul (Judul Artikel Otomatis). Semoga bermanfaat untuk sahabat blogger... Jadilah Yang Pertama Memberikan Tanggapan
lihat gambar di bawah


dan ketika sudah ada komentar masuk otomatis berubah:
Syukur Alhamdulillah berhasil menyelesaikan postingan yang berjudul (Judul Artikel Otomatis). Semoga bermanfaat untuk sahabat blogger... (penghitung komentar otomatis) tanggapan sampai saat ini. Silahkan tambahkan tanggapan Anda...

Untuk membuatnya sebenarnya sangat mudah. Kali ini kita akan membuat status yang berbeda ketika tidak ada komentar, ada satu komentar, dan ketika komentar berjumlah dua ke atas. Nah, langsung saja bagi Anda yang ingin membuatnya silahkan Anda masuk ke bagian edit html (jangan lupa centang expand template widget). Tambahkan kode CSS berikut ini, di atas ]]></b:skin>

#entryMeta {font-size:13px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;margin-bottom:20px;}
#entryMeta img {float:left;padding:2px;margin-top:1px;margin-right:5px;}
#isistatus {margin-left:65px; margin-bottom:3px;}

Kemudian tambahkan kode berikut ini setelah <b:includable id='comments' var='post'>


<div id='entryMeta'><img class='avatar avatar-39 photo' height='50' width='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggjJ-RB-ohQb7pVn2HcDq3UOFvHRQmR-6w-ffRpjfVSwfXLH2QFM6Jy4udM3nuXTUS93fhutql2gLhH_GjMkbMXc7y8uHvlaJKNaxmaXgQmGU5Z8agNTKLQeA9i86SvLFSI18jn8Nks1Y_/s1600/rhino_standing_around_md_wht.gif' /><div id='isistatus'>Syukur Alhamdulillah berhasil menyelesaikan postingan yang berjudul <b><data:post.title/></b>. Semoga bermanfaat untuk sahabat blogger... <b:if cond='data:post.numComments == 1'><b>1 komentar...</b> Terima Kasih Menjadi Pengkomentar Pertama<b:else/><b:if cond='data:post.numComments == 0'><b>Jadilah Yang Pertama Komen</b><b:else/><b><data:post.numComments/> komentar</b> sampai saat ini. Silahkan tambahkan tanggapan Anda...</b:if></b:if></div></div>

- Jangan ganti kode yang berwarna biru
- Angka 50 silahkan ganti untuk menentukan lebar dan tinggi foto profil Anda
-warna merah https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggjJ-RB-ohQb7pVn2HcDq3UOFvHRQmR-6w-ffRpjfVSwfXLH2QFM6Jy4udM3nuXTUS93fhutql2gLhH_GjMkbMXc7y8uHvlaJKNaxmaXgQmGU5Z8agNTKLQeA9i86SvLFSI18jn8Nks1Y_/s1600/rhino_standing_around_md_wht.gif,.. adalah alamat foto profil saya, silahkan ganti dengan alamat foto profil Anda sendiri.
- Kalimat yang berwarna hijau tipis adalah kalimat awalan status sebagai pelengkap judul otomatis.
- Yang berwarna hijau tebal (Jadi Yang pertama Komen) adalah kata-kata ketika komentar masih kosong. Silahkan rubah sesuai kebutuhan Anda.
- Yang berwarna ungu tebal (komentar - dilanjutkan kode -  Terima Kasih Menjadi Pengkomentar Pertama adalah kata-kata setelah ada satu komentar masuk.
- Yang berwarna putih tebal adalah kata-kata ketika komentar yang masuk berjumlah 2 ke atas.

Untuk menghapus penghitung komentar asli bawaan, silahkan hapus kode (letaknya di bawah dekat tempat kita memasukkan kode di atas)

<h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabe rasa punyalPlural/>:
        </b:if>
      </h4>

Simpan Template Anda dan insyaAlloh jadi... Semoga bermanfaat,.......

Post a Comment

10Comments

Silahkan berkomentar...
Catatan: jangan menulis link hidup.Silahkan tinggalkan komentar sobat dengan menggunakan opsi Name/URL. Mohon jangan komentar SPAM ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.

  1. Alhamdulillah yg pertama dan dapat ilmu baru disini,,,

    happy blogging

    ReplyDelete
  2. @Kang Asep wiss...alhamdulillah atuh kang....anda yg terbaik.


    happy blogging

    ReplyDelete
  3. Tutor yang sangat bagus sob

    ReplyDelete
  4. @Arman terima kasih bang syukur deh kalau bermanpaat,..itu yg di harapkan

    happy blogging

    ReplyDelete
  5. Ga pp Kang klo lupa sumbernya,yang penting bisa kita nikmati tipsnya dan tentunya barokah untuk pembuatnya.Nice share,thanks ya tipsnya happy blogging.

    ReplyDelete
  6. @Raihan Marie Ramadhan yup betul kang lali alias hilap..keun we ya nu penting bermanppaat

    happy bloging

    ReplyDelete
  7. wah tutorial yang banyak manfaat nih bang... ntar saya coba2 ahhh...makasih ya bang

    ReplyDelete
  8. @Kang Farhan silahkan kang...
    makasih atas kunjungannya

    happy blogging

    ReplyDelete
  9. keren tutorialnya sobat..hasilnya juga membuat kolom komentar postingan jadi semakin keren...trimakasih sudah berbagi ilmu :-)

    ReplyDelete
  10. @BlogS of Hariyantosama2 terima kasih sob atas kunjungannya,,,

    ReplyDelete
Post a Comment