Menambahkan Icon Centang Disamping Nama Admin dalam Komentar Blogger

Disini saya akan membagikan sebuah tutorial blogger yaitu menambahkan icon centang disamping nama admin dalam komentar blogger.

Jika kamu bertanya apa sih kegunaan menambahkan icon centang disamping nama admin dalam komentar ? Sebenarnya tidak ada kegunaan khusus, namun jika kamu menggunakan atau memasang icon centang disamping nama admin dalam komentar blog kamu, maka blog kamu akan terlihat lebih menarik dan seseorang juga dapat membedakan mana komentar admin dan mana komentar pengunjung blog kamu, dan lagi dengan memasang icon centang disamping nama admin, blog kamu terlihat lebih professional ketimbang web log biasanya.

Memasang icon centang disamping nama admin cukup mudah, karna kamu hanya perlu meletakkan kode css yang saya bagikan ini ditemplate kamu, nah jika kamu penasaran yuk langsung aja ikuti tutor dibawah ini, tutorial ini hanya berlaku hanya untuk pengguna komentar bawaan blogger selain dari itu tidak bisa diterapkan.

Memasang Icon Centang Disamping Nama Admin diKomentar Blogger

1. Pertama, login dulu ke Blogger,
2. Kemudian pada dashboard Blogger pilih Tema ⇒ Edit HTML, 
3. Lalu cari kode ini </b:skin> atau </style>,copy CSS dibawah ini dan letakkan diatas kode tersebut,

   /* Admin Icon Comment Form */
   #comments .comments-content .icon.blog-author{
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z' fill='%23ff69b4'/%3E%3C/svg%3E") no-repeat center center;
   width: 16px;
   height: 16px;
   margin-left: 5px;
   vertical-align: -3px;
   display: inline-block;
   }

4. Terakhir simpan/save template.

Untuk mengganti jenis atau bentuk icon disamping nama admin dalam komentar kamu cukup mengganti isi dari kode d='blablabla...', kunjungi web ini untuk menemukan icon yang diinginkan

https://materialdesignicons.com/

Sekian tutorial menambahkan icon centang disamping nama admin didalam komentar blogger, nah jika ada kekurangan dari tutorial tersebut kamu dapat mengembangkannya menjadi lebih menarik :D

UPDATE !!!

Menambahkan Icon Badge Disamping Nama Admin dalam Komentar Blog
Gunakan Code CSS dibawah ini, untuk pemasangannya sama seperti pemasangan icon centang sebelumnya.

/* Admin Badge By Anirocksite */
#comments .comments-content .icon.blog-author{
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.191,31.123c3.975-3.297,6.396-8.232,6.396-13.533C42.59,7.891,34.699,0,25,0C15.3,0,7.41,7.891,7.41,17.589 c0,5.3,2.425,10.235,6.399,13.533L5.514,45.489l6.385-2.038L13.326,50l9.7-16.803c0.648,0.08,1.304,0.137,1.974,0.137 s1.325-0.057,1.974-0.137L36.674,50l1.43-6.548l6.383,2.038L36.191,31.123z M31.686,26.082L25,22.564l-6.686,3.518l1.271-7.452 l-5.409-5.274l7.478-1.088L25,5.49l3.347,6.777l7.478,1.088l-5.408,5.274L31.686,26.082z' fill='%23ff69b4'/%3E%3C/svg%3E") no-repeat center center;
width: 16px;
height: 16px;
x:0px;
y:0px;
margin-left: 5px;
display: inline-block;
}