Cara Menambahkan Label Admin di Komentar Blogger
Nyampling.com ~ Cara Menambahkan Label Admin di Komentar Blogger. Sering kali waktu kita memberikan komentar pada suatu artikel yang diposting dalam sebuah blog terdapat nama Admin disamping nama si penulis artikel. Nama ini memperjelas bahwa yang memberi komentar balasan adalah sipemilik blog atau yang memposting artikel itu.
Pada template bawaan sebenarnya ini tidak disertakan, tapi dapat kalian tambahkan nama tersebut dengan menambahkan kode tertentu. Penambahan label ini juga sebenarnya biar blog kita kelihatan unik dan juga dapat memperindah tampilan blog pada kolom komentar. Sehingga para pengunjung dapat lebih nyaman serta bisa tauh bahwa mereka dapat berinteraksi langsung dengan si pembuat blog.
Penambahan nama admin ini juga sebagai pembeda atau sebagai label yang membedakan antara para pengunjung dan admin blog. Sehingga penambahan label ini dapat memberitahu kepada pengunjung blog bahwa mereka bisa tauh bahwa yang membalas komentar adalah si Admin sendiri.
Simak Langkah - langkah dalam menambahkan label "admin" di komentar blog :
A. Menambahkan Label Admin di Template Blogger Default
1. Login Ke Blogger.com >> Tema >> Edit Html
2. Tempelkan kode CSS berikut diatas kode </style> atau bisa juga diatas kode ]]></b:skin>
/* Admin Mark on Blogger Comments by igniel.com */
#comments .comments-content .icon.blog-author:after{
content: 'Admin';
background-color: #118ff9;
color: #fff;
font-size: 12px;
display: inline-block;
margin: 0px 7px;
padding: 2px 5px;
border-radius: 3px;
}3. Simpan tema kemudian lihat hasilnya diblog.
B. Menambahkan Label Admin di Template Viomagz
Sebenarnya pada template viomagz ini sudah terpasang label untuk admin yaitu menggunakan font awesome (berbentuk tanda centang atau check) pada label admin. Hanya saja saya kurang suka dan ingin sedikit merubah setting biar tampilannya unik yaitu dengan merubah tanda contreng menjadi label "Admin".
 |
| Label bawaan viomagz |
Langkah - langkah dalam menambahkan label "Admin" kolom komentar blog
1. Login Ke Blogger.com >> Tema >> Edit Html
2. Cari .comments .comments-content .icon.blog-author::after {, lebih kurang seperti ini kode cssnya
.comments .comments-content .icon.blog-author::after {
content:"\f058";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
color:$(body.link.color);
}3. Ganti kode css diatas dengan kode css berikut
#comments .comments-content .icon.blog-author:after{
content: 'Admin';
background-color: #118ff9;
color: #fff;
font-size: 12px;
display: inline-block;
margin: 0px 7px;
padding: 2px 5px;
border-radius: 3px;
}Ganti kode warna sesuai dengan template blog kalian ya.....
background-color: #118ff9; untuk warna background
color: #fff; untuk warna teks
font-size: 12px; untuk ukuran huruf
4. Simpan tema, kemudian kalian lihat kolom komentar, jika disamping nama kalian ada label admin maka langkah yang kalian lakukan berhasil.
Penutup
Demikian sedikit postingan tentang "Menambahkan Label Admin di Komentar" Jangan lupa membaca post saya yang lainnya dengan membaca DAFTAR ISI. Semoga postingan ini dapat bermanfaat.