Cara Menambah Centang Biru Disamping Nama Komentar

kali ini saya akan menjelaskan tentang Cara Menambah Centang atau Ceklis Biru Disamping Nama Komentar Admin, caranya sangat mudah sekali hanya menambahkan CSS didalam HTML blog.

Komentar Pada Blogger, ya cara ini hanya bisa berjalan hanya apabila pada sebuah blog menggunakan komentar pada bawaan blogger bukan dari dissqus atau plugin komentr dari facebook.

centang biru di samping komentar

komentar merupakan suatu sesi dimana sipengunjung dapat memberikan reaksi seperti pertanyaan apabila mengalami kesulitan atau bisa juga memberitahu bahwa tutorial yang dibahas berhasil dipasangkan dll.
tanpa basa basi lagi langsung simak tutorial dibawah ini yah.

Cara Menambahkan Centang Atau Ceklis Biru Setelah Nama Pada Author Di Komentar Blog

Masuk Blogger.com
Tema
Edit HTML
Copy Code CSS dibawah ini

 

/* Admin Badge on Blogger Comments by igniel.com */


#comments .comments-content .icon.blog-author{


  width: 16px;


  height: 16px;


  margin-left: 5px;


  vertical-align: -3px;


  display: inline-block;


  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='%23118ff9'/%3E%3C/svg%3E") no-repeat center center;


}

Pastekan di dalam CSS Blog yaitu tepat diatas </style> atau ]]></b:skin>
Save

anda juga bisa menambahkan tulisan Admin berwarna biru disamping nama loh tutorialnya hampir sama.

Cara Menambahkan Tulisan Admin Warna Biru Di Samping Nama Pada Komentar Blog

Masuk Blogger.com
Tema
Edit HTML
Copy Code CSS Di Bawah ini



/* Admin Mark on Blogger Comments by igniel.com */


#comments .comments-content .icon.blog-author:after{


  content: 'Admin'; /* Isi Text */


  background-color: #118ff9; /* Warna Background */


  color: #fff; /* Warna Text */


  font-size: 12px; /* Ukuran Text */


  display: inline-block;


  margin: 0px 7px;


  padding: 2px 5px;


  border-radius: 3px;


}