×

Owner / Author / Admin / etc

    Rahman NM    

"Pada halaman web ini saya akan membagikan informasi informasi menarik seputar Anime, Manga, Game, Film, dan juga berbagai tips-tips menarik lainnya."

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 TemaEdit 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;
}

Creativity of codes and exploiting, with code we can do something fun.
Facebook Instagram Twitter
Show Comments!
Hide comments

2 Responses to "Menambahkan Icon Centang Disamping Nama Admin dalam Komentar Blogger"

Kebijakan berkomentar :

Berkomentarlah dengan tata bahasa yang baik, agar orang tau sebijak apa karakter anda melalui kata-kata,

Silahkan berkomentar apapun selagi masih berhubungan dengan halaman postingan ini,

Dilarang berkomentar menggunakan Link Aktif,

Centang Notife Me agar mendapatkan notifikasi balasan komentar admin melalui Email.

  1. Mantap infonya! Terima kasih banyak ya! Jangan sungkan mampir di www.aubinesia.com ya!

    ReplyDelete
    Replies
    1. Alhamdulillah kalau bermanfaat, sering sering mampir ya :v

      Sekali lagi jan berkomentar pake link dong

      Delete

Iklan Atas Artikel

Iklan Tengah Artikel

Iklan Tengah Artikel 2

Iklan Bawah Artikel

© Copyright 2020 Anirock Site - All Rights Reserved Created With