- Log In Blog, Buka template -> Edit HTML -> Kasih tanda centang pada menu "expand widget tempate".
- Ambil nafas
- kemudian Copas CSS dibawah ini di atas kode script ]]></b:script>
.numComments {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcPbeX4dcUb7Yt65kqna8d0UhGvMIeoc5LBB8io2Mp3WB1YvWZkn3SvxQpet7NP7KO7DiUjyUCfK2okAY6Fbb-6MJnuGPB3pNTyFMyRuG-__UbGg_7o6W9rauuw-IKxvh0E3izyipvAxgC/s200/smallcommentsx-c.png)repeat-x;
float:right;
text-align: center;
padding: 10px 0 0 0;
margin-top : -10px;
font-size: 18px !important;
width: 25px;
height:25px;
color: #000000;
}
Note :
URL yang saya beri warna biru dapat sobat ganti dengan URL gambar yang diinginkan.
Untuk mempermudah pencarian kode, sangat dianjurkan untuk menekan tombol kombinasi ctrl+huruf A atau F3.
- Cari kode HTML <b:if cond='data:post.title'>
- Jika sudah sobat Copas kode dibawah ini tepat di bawah kode <b:if cond='data:post.title'>
<span class='numComments'>
<a expr:href='data:post.url'>
<data:post.numComments/></a></span>
- Selesai
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:if>
</span>
hehehe sip gan... ijin bookmark yua...
BalasHapusOh ngga papa,. jangan bosan maen kemari yah sob :)
HapusThx bgt kang, kebetulan lagi nyari2 tutorialnya
BalasHapussama-sama sob, semoga artikel saya dapet membantu :)
HapusIni kunjungan balik sob dari hermanbagus. bingung mau ninggalin pesan kemana, pasang chatbox donk bos
BalasHapussalam kenal gan, pas banget artikelnya sama kebutuhan saya. kapan-kapan berkunjung ke blog ane ya. trims
BalasHapusmas kalau kode ini "" pilih yang mana mas
BalasHapuspilih yang atas aja gan, kalo pilihan kedua perintah hapus lebih baik di abaikan aja.
Hapussalam kenal gan kebetulan banget postingan sobat sama dengan yang sya cari thanks ya gan ..
BalasHapusatas kesediaannya kunjungi balik
http://yusuefarshablog.blogpot.com
Ada beberapa yang tidak sempat saya kasih keterangan pada CSS, mungkin bila tampilan/posisi jumlah komentar ini tidak sesuai, mungkin sobat pokuskan pada pengaturan css dibawah ini yang berada dalam properti .numComments {
Hapuspadding: 10px 0 0 0;
margin-top : -10px;
font-size: 18px !important;
width: 25px;
height:25px;
selebihnya sobat dapat mengembangkannya lagi agar terlihat sempurna.
sama-sama :-bd
wah, artikelnya bahasa inggris, inggris saya E sob :D
http://www.glitter-graphics.com/images/empty.gif
BalasHapusMANTEP GAN FOLOW BACK YA
thanks . :D
BalasHapusTerima kasih banget atas ilmunya..
BalasHapusMohon bantuannya juga ya sobat-sobat sekalian untuk survei pengguna internet yakni hanya dengan menuliskan nama, email, dan jawab 5 pertanyaan dengan memilih salah satu jawaban yang telah disediakan,,, lalu SUBMIT dan langsung close aja
mohon klik di:
http://www.idsurvei.com/survei/SudarFlare
atas bantuan dan partisipasinya saya ucapkan terima kasih.. Salam buat semuanya..!!!
Komentar ini telah dihapus oleh pengarang.
BalasHapusmantap bro cara mengunah tampilan jumlah komentar nya
BalasHapusThanks Kawan, berhasil dicoba.
BalasHapus