Menambahkan Centang Biru Pada Blogger | Di Samping Nama Admin Kolom Komentar Median UI

 

Menambahkan Centang Biru Pada Blogger | Di Samping Nama Admin Kolom Komentar

Sebenarnya Pada Template Median UI sudah terdapat icon bawaan di samping nama admin seperti gambar dibawah ini:

Menambahkan Centang Biru Pada Blogger | Di Samping Nama Admin Kolom Komentar
Itulah sebabnya ketika akan menambahkan sebuah icon verifed, maka icon tersebut tidak akan tampil karena sebenarnya sudah terdapat icon di samping nama admin.

Jadi tugas nya menemukan kode icon tersebut lalu mengganti dengan icon yang di inginkan misalnya icon verified.

Tidak usah lama lama mencari, langsung saja..


Cara Menambahkan Centang Biru Pada Blogger


  1. Buka Dashboard Blogger
  2. Klik Tema
  3. Pilih icon Segitiga Terbalik
  4. Pilih Edit HTML 
    Menambahkan Centang Biru Pada Blogger | Di Samping Nama Admin Kolom Komentar

  5. Tekan Ctrl + F
  6. Cari kode <b:if cond='data:post.author.name == data:cb.level.author'>
  7.  Ganti kode icon SVG 
    <svg viewBox='0 0 24 24'><path clip-rule='evenodd' d='M9.3764 20.0279L18.1628 8.66544C18.6403 8.0527 18.8101 7.3443 18.6509 6.62299C18.513 5.96726 18.1097 5.34377 17.5049 4.87078L16.0299 3.69906C14.7459 2.67784 13.1541 2.78534 12.2415 3.95706L11.2546 5.23735C11.1273 5.39752 11.1591 5.63401 11.3183 5.76301C11.3183 5.76301 13.812 7.76246 13.8651 7.80546C14.0349 7.96671 14.1622 8.1817 14.1941 8.43969C14.2471 8.94493 13.8969 9.41792 13.377 9.48242C13.1329 9.51467 12.8994 9.43942 12.7297 9.29967L10.1086 7.21422C9.98126 7.11855 9.79025 7.13898 9.68413 7.26797L3.45514 15.3303C3.0519 15.8355 2.91395 16.4912 3.0519 17.1255L3.84777 20.5761C3.89021 20.7589 4.04939 20.8879 4.24039 20.8879L7.74222 20.8449C8.37891 20.8341 8.97316 20.5439 9.3764 20.0279ZM14.2797 18.9533H19.9898C20.5469 18.9533 21 19.4123 21 19.9766C21 20.5421 20.5469 21 19.9898 21H14.2797C13.7226 21 13.2695 20.5421 13.2695 19.9766C13.2695 19.4123 13.7226 18.9533 14.2797 18.9533Z' fill-rule='evenodd'/></svg>
  8. Menjadi 
    <svg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'><polygon fill='#42a5f5' points='29.62,3 33.053,8.308 39.367,8.624 39.686,14.937 44.997,18.367 42.116,23.995 45,29.62 39.692,33.053 39.376,39.367 33.063,39.686 29.633,44.997 24.005,42.116 18.38,45 14.947,39.692 8.633,39.376 8.314,33.063 3.003,29.633 5.884,24.005 3,18.38 8.308,14.947 8.624,8.633 14.937,8.314 18.367,3.003 23.995,5.884'/><polygon fill='#fff' points='21.396,31.255 14.899,24.76 17.021,22.639 21.428,27.046 30.996,17.772 33.084,19.926'/></svg>
  9. Simpan Tema

Penjelasan:

Kode icon SVG selalu di awali dengan <svg dan di tutup dengan </svg>
Icon pada template Median UI bisa dengan bebas di modifikasi sesuai dengan keinginan pengguna.