Cara menambah badge Admin di komentar blogspot
Di artikel ini saya akan share bagaimana cara membuat atau menambah badge admin di dalam kotak komentar blogspot
Secara tampilan, badge admin dapat dibuat menggunakan HTML, CSS, dan JavaScript sederhana. Desainnya pun sangat beragam, mulai dari badge berbentuk teks kecil seperti “ADMIN”, ikon centang biru mirip media sosial, hingga label premium dengan efek glow, gradient, atau animasi modern. Banyak blogger menyesuaikan warna badge dengan tema website agar terlihat lebih menarik dan menyatu dengan desain blog. Namun tutorial yang saya share disini membuat tampilan badge hanya dengan menggynakan CSS saja.
Menambahkan Badge untuk komentar Admin di blogspot
Seperti terlihat pada screenshot di atas, badge Admin yang saya maksud disini yaitu tanda berupa Text ataupun icon kecil untuk membedakan status komentar pada kotak komentar blogspot, dengan di tambahkannya badge ini, pengunjung bisa tahu siapa yang berkomtar atau yang membalas di komentar mereka
Selain sebagai penanda identitas, badge admin juga membantu memperjelas struktur diskusi di area komentar. Pada komentar yang sangat ramai, pengunjung sering kesulitan membedakan mana jawaban resmi dan mana komentar biasa. Dengan adanya badge admin, balasan penting dari pemilik blog akan lebih mudah ditemukan. Ini sangat berguna untuk menjawab pertanyaan, memberikan klarifikasi, atau menyampaikan informasi tambahan kepada pembaca.
Panduan membuat badge admin
Cara menambahkan badge ini sangatlah mudah meskipun anda seorang blogger pemula yang baru belajar edit edit template, karena teknik menambahkan badge admin ini tidak ribet dan pusing, kita hanya perlu menyisipkan atau menambah kode CSS saja tanpa merubah struktur utama komentar bawaan di template blog.
Berikut ini langkah² nya:
- 1. masuk ke Dashboard blogspot anda
- 2. Pilih Tema/Theme
- 3. klik pada tanda panah ke bawah,lalu pilih edit HTML
- 4. Cari ķode <b:skin> atau </b:skin>
- 5. Salin dan tempel kode CSS dibawah ini tepat di sebelum tag </b:skin>
📌 Css Badge
</>/* Badge Admin */ .comments .user.blog-author:after{ content:" ADMIN"; display:inline-block; margin-left:6px; padding:2px 8px; font-size:10px; font-weight:700; color:#fff; background:linear-gradient(135deg,#00a884,#00c897); border-radius:20px; vertical-align:middle; letter-spacing:.5px; box-shadow:0 2px 6px rgba(0,168,132,.25); }Safelink-aza
contoh penerapan:<b:skin><![CDATA[ body { background: #fff; } Tempel CSS Badge disini //]]></b:skin> - 5. Setelah kode CSS tadi ditempelkan lalu simpan template, dan lihat hasilnya
Cara Mudah membuat dan menambahkan icon Badge Admin di komentar blogspot
Di era modern, badge admin tidak hanya berfungsi sebagai penanda pemilik blog, tetapi juga menjadi bagian dari branding website. Desain badge yang unik dapat membuat tampilan komentar terlihat lebih profesional, modern, dan interaktif. Bahkan pada beberapa website komunitas, badge digunakan untuk membedakan peran pengguna seperti admin, moderator, editor, member premium, atau kontributor aktif.
Kesimpulan
badge admin merupakan elemen kecil namun memiliki manfaat besar dalam meningkatkan kredibilitas, memperjelas komunikasi, dan mempercantik tampilan komentar pada sebuah blog atau website.
Demikian tutorial membuat badge admin untuk komentar di blogspot,, bagaimana mudahkan?. akhir kata terimakasih telah membaca artikel tutorial sederhana ini, mohon maaf jika masih ada kesalahan dalam menyamoaikan dan penerapan kodenya ya. jija ada saran & kritik mari kita diskusikan di kolom komentar.
Semoga Bermanfaat


Comments
Post a Comment