Skip to main content

Menambah Background Avatar Pada Komentar Pengunjung

Avatar kotak komentar
Berbicara kotak komentar memang banyak sekali hal-hal yang bisa kita utak-atik. Seperti merubah warna komentar admin berbeda dengan pengunjung, komentar dengan background dll. Nah terinspirasi dari web favorit saya kibagus. Dimana kotak komentarnya lain dari pada yang lain.
 

Pada blog tersebut bahwa setiap komentar apakah itu menggunakan profil blogger, anonymous, atau name dan url, akan muncul gambar avatar pada komentar pengunjung. Sebagai contoh lihat gambar di atas!

Untuk menambah background avatar pada komentar pengunjung ini juga sudah dijelaskan di Infonetmu. Namun tidak ada salahnya kalau kita berbagi pada orang yang belum tahu seperti saya ini. Belum lagi kasus saya mengikuti tutorial tersebut dimana salah satu kode gagal di temukan atau berbeda dengan yang dijelaskan. Baik langsung saja trik menambah background avatar pada komentar pengunjung.

1. Login ke blog kamu!
login
2. Klik Design
design baru
3.  Klik Edit HTML
edit html lama
4. Download Full template untuk backup template kamu
download ful template
5. Jangan lupa : Centang   Expand Widget Templates

6. Cari kode :

]]></b:skin>

7. Copy dan paste kode ini di atasnya :

#comments-block .avatar-image-container img {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMZvzC1Mt3-XPOrypcpCDw1HWi5oe5ajcG2aO5GNMg2Nm-Yde7Qc9WOrr6ivqWs3yg3toa6WWk6uLe9-S2uMnYh3q1VVhkKw2wl_ckl3gkgCKZBpCa1y1xdbEBJbs0REGRLo8Pt_dAHJRz/s1600/arrow-right+copye.png) no-repeat left top; width:35px;height:35px}


8. Cari kode di bawah ini :
<dl id='comments-block'>
Jika kode di atas tidak ketemu mungkin kodenya seperti ini : <dl class='comments-block' id='comments-block'>
9. Hapus kode no 8 dan ganti dengan kode :
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

10. Cari lagi kode di bawah ini :
<a expr:name='data:comment.anchorName'/>

11. hapus dan Ganti juga kode no 10 dengan
<b:if cond='data:comment.favicon'>
      <img expr:src='data:comment.favicon'/>
      </b:if>
      <a expr:name='data:comment.anchorName'/>
      <b:if cond='data:blog.enabledCommentProfileImages'>
      <div expr:class='data:comment.avatarContainerClass'>
      <data:comment.authorAvatarImage/>
      </div>
      </b:if>

12. Jika sudah simpan template sobat.

Lihatlah salah satu posting sobat yang ada komentar dengan anonymous atau name dan url. Saya rasa sobat sudah bisa trik menambah background avatar pada komentar pengunjung. Dengan trik ini komentar anonymous atau komentar yang menggunakan name dan url akan terlihat avatarnya.


NB.

URL no.7 bisa sobat ganti dengan url sobat. Sebagai referensi sobat bisa menggunakan icon di bawah ini. Ukuran iconnya kurang lebih 35 x 35

icon comentar
icon comentar
icon comentar

Popular posts from this blog

Profile Biodata Foto Renie Arumsari

Biodata Renie Arumsari Nama Lengkap : Agustina Renie Arum Sari Nama Lain : Renie Arumsari Asal : Yogyakarta Kebangsaan : Indonesia Pekerjaan : Aktris, Model, MC Twitter : https://twitter.com/rerenie Instagram : https://www.instagram.com/renieas Prestasi Renie Arumsari Putri Pariwisata Indonesia DIY 2017 Putri Pariwisata Indonesia Best National Costume Putri Pariwisata Indonesia Putri Bunga Miss Tea Indonesia 2017 Miss Jogjatronik Sahabat Larissa Puteri Bandara 2013 Duta Bandara Adisutjipto Sinetron Renie Arumsari 2018 – Orang Ketiga, sebagai Kartika – SCTV Sitkom : 2015 – Kos-kosan Jogja, sebagai Gendhis View this post on Instagram A post shared by Renie Arumsari (@renieas) on Jun 21, 2019 at 10:03pm PDT View this post on Instagram A post shared by Renie Arumsari (@renieas) on May 30, 2019 at 2:47am PDT ...

Read Solo Leveling Chapter 103 English Translate

Read Manhwa Solo Leveling Chapter 103 English translation . Since a portal connecting our world to a world full of monsters and creatures of all kinds appeared, some people have acquired powers and the ability to hunt them: they are called hunters. The protagonist of the story, Sung Jin-Woo, is the weakest of the rank E hunters and barely stronger than a normal human. He is nicknamed by his fellow hunters as "the weakest". One day, he and other hunters find themselves trapped in an extremely dangerous dungeon, and only a few of them survive and manage to escape. Sung Jin-Woo himself hardly survives and is the only who completes all the trials in this dungeon. He then turns into a "player" who can now see an interface showing him quests. Will he succeed in becoming the most powerful hunter? Read Solo Leveling Chapter 103 Not released yet release date : January 2020 You may also like : Manhwa similiar to solo leveling Read solo leveling 103 s...

Read Manga Solo leveling 104 English Translation

Solo Leveling is a Korean novel manhwa written by Chu-Gong, It was serialized in Papyrus and later in KakaoPage and concluded with 14 volumes and 270 chapters. In April 13, 2018, a webtoon serialization started in Korean mobile site KakaoPage drawn by artists Hyeon - Gun and Jang Sung-Rak. Read Manhwa Manga Solo Leveling 104 capitulo 104 Kyoukai tells Ten to move so she can save Shin. Banyou starts yelling at the HSU for not chasing Riboku but Mouten and Ouhon can read the situation and they head where the soldiers are gathered. Ten asks what Kyoukai's going to do and she says that she knows of a 1000 year old technique that shares life forces but she hasn't tried it before and has never seen it actually work. But she says there's no other way. Flashback: Kyoukai is attempting this technique on a dead bird and Kyoushou asks her why she's trying such a dangerous technique. She says that since it's a technique that tries to bring the dead back t...