Cara Membuat Status di Bagian Komentar
Friday, February 03, 2012
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,.......
Tags
Alhamdulillah yg pertama dan dapat ilmu baru disini,,,
ReplyDeletehappy blogging
@Kang Asep wiss...alhamdulillah atuh kang....anda yg terbaik.
ReplyDeletehappy blogging
Tutor yang sangat bagus sob
ReplyDelete@Arman terima kasih bang syukur deh kalau bermanpaat,..itu yg di harapkan
ReplyDeletehappy blogging
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@Raihan Marie Ramadhan yup betul kang lali alias hilap..keun we ya nu penting bermanppaat
ReplyDeletehappy bloging
wah tutorial yang banyak manfaat nih bang... ntar saya coba2 ahhh...makasih ya bang
ReplyDelete@Kang Farhan silahkan kang...
ReplyDeletemakasih atas kunjungannya
happy blogging
keren tutorialnya sobat..hasilnya juga membuat kolom komentar postingan jadi semakin keren...trimakasih sudah berbagi ilmu :-)
ReplyDelete@BlogS of Hariyantosama2 terima kasih sob atas kunjungannya,,,
ReplyDelete