Cara Menambahkan Centang Disamping Nama Author di Komentar Blogger

Post a Comment
Cara Menambahkan Centang Disamping Nama Author di Komentar Blogger

Kolom komentar merupakan suatu tempat pemilik Website/Blog untuk bisa berinteraksi dengan pembaca/pengunjung. Pengunjung yang bertanya, memberikan masukan, saran, ataupun kritik yang berkaitan dengan artikel yang dikomentari. Sangat penting bagi admin blog/web untuk merespon setiap komentar yang ada agar pengunjung betah dengan web tersebut.

Nah pada tutorial kali ini saya akan memberikan cara menambahkan Tanda Centang Biru ataupun badge Admin disamping nama Admin Blog dalam Komentar Blogger.

Cara Menambahkan Tanda Ceklis Biru Pada Komentar Admin di Blogger


Caranya sangat gampang, anda hanya perlu menambahkan beberapa baris script kedalam Template Blogger anda. Cara ini hanya berlaku pada Komentar bawaan Blogger, jadi jangan heran jika tidak bekerja pada Komentar jenis lain atau mungkin modifikasi.

Tambahkan kode berikut diatas </style> atau ]]></b:skin>. Kode HTML ini berfungsi untuk menampilkan ceklis disamping nama Author/Admin.

/* Admin Checklist - Greytekno.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;
}

Simpan Template lalu cek hasilnya.

Cara Menambahkan Teks Badge


Jika anda kurang tertarik untuk menambahkan tanda ceklis, anda juga bisa menambahkan tulisan berupa badge disamping nama Author Blogger dengan kode berikut.

Tambahkan kode berikut diatas </style> atau ]]></b:skin>. Kode HTML ini berfungsi untuk menampilkan ceklis disamping nama Author/Admin.

/* Admin Text Badge - Greytekno.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;
}

Sekian Postingan Cara Menambahkan Centang Disamping Nama Author di Komentar Blogger, semoga bermanfaat untuk anda. Jika ada yang ingin ditanyakan silahkan tanyakan pada kolom komentar. Terimakasih telah berkunjung.

Related Posts

Post a Comment