Avatar Anonymous Tidak Muncul Di Kompi Males

Avatar Anonymous Di Kompi Males
Ternyata saya melihat masih banyak yang menggunakan setting komentar dengan anonymous di blog khususnya yang menggunakan template Kompi Males. Karena saya tidak men-setting komentar dengan anonymous pada template blog tersebut, akhirnya komentar yang menggunakan anonymous menjadi tidak memiliki avatar.

Untuk itu kini saya share cara memperbaiki avatar yang tidak muncul pada komentar template khususnya pada template Kompi Males.

Untuk memunculkan avatar anonymous pada template Kompi Males silahkan silahkan cari kode CSS berikut:


.comment_avatar * { max-width: 1000%!important; display: block; max-height: 1000%!important; width: 48px!important; height: 48px!important;margin-right: 10px; background: #fff  }
.comment_child .comment_avatar, .comment_child .comment_avatar * { width: 40px!important; height: 40px!important; float: left; margin-right: 10px; background: #fff }

Ganti dengan kode CSS di bawah ini:


.comment_avatar * { max-width: 1000%!important; display: block; max-height: 1000%!important; width: 48px!important; height: 48px!important;margin-right: 10px; background: #fff url(http://2.bp.blogspot.com/-KjVxDap0Bzs/Uc7Jfm_9VWI/AAAAAAAAEqs/jD56hYNIm88/s48/anon48.gif) no-repeat center center }
.comment_child .comment_avatar,.comment_child .comment_avatar * { width: 40px!important; height: 40px!important; float: left; margin-right: 10px;background: #fff url(http://3.bp.blogspot.com/-2-vBwDba-Lk/UyulwDe3HFI/AAAAAAAAbgk/p7rpFzkJDjQ/s1600/anon40.gif) no-repeat center center ; overflow: hidden}

Kemudian cari kode CSS di bawah ini untuk mengatur jenis font ketika ada profil anonymous


.comment_name { color: #444;font-size: 18px; font-weight: normal; line-height: 19.5px; max-width: 100%; text-decoration: none; margin-top: 8px;text-transform:uppercase }

Ganti dengan kode CSS di bawah ini


.comment_name { color: #444;font: 20px Oswald; line-height: 20px; max-width: 100%; text-decoration: none; margin-top: 8px;text-transform:uppercase}

Selesai... sekarang avatar anonymous sudah muncul pada komentar template Kompi Males, selamat mencoba... 


Dan di bawah ini ada beberapa artikel yang saya tulis beberapa waktu yang lalu tentang komentar di blog dalam hal ini tentang setting komentar. Bisa Anda simak pada link-link di bawah ini

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments