2 Cara Menambahkan Tanda Admin/Author pada Komentar Blog

Tanda Komentar Admin/Author sebenarnya tidak cukup penting dalam sebuah situs blog. Namun dengan inilah para penulis blog merasa bahagia dan bangga entah kenapa?! sama dengan yang saya rasakan mungkin Anda pun akan demikian. Maka dari itu banyak seorang blogger ingin akan hal ini dan mencari bagaimana cara memasang tanda admin pada komentar situs blognya.

Sebenarnya pada setiap template blog sudah banyak yang menyediakan supaya terdapat icon author/admin pada komentar yang dilakukan oleh adminnya tersebut. Namun biasanya masih kosong atau blank karena supaya bisa diisi sesuai keinginan Anda dan bisa diatur. Tetapi untuk seorang pemula atau baru dalam hal blog mungkin tidak tahu bagaimana cara mengaturnya, maka dari itu saya disini akan menjelaskan 2 Cara Menambahkan Tanda Admin/Author pada Komentar Blog. Dengan dua cara yang saya sebutkan Anda bisa memilihnya salah satu sesuai keadaan template dan keinginan Anda.

2 Cara Menambahkan Tanda Admin/Author pada Komentar

Baik sesuai yang saya terangkan diatas, dalam menambahkan tanda admin pada komentar di blog ada dua cara untuk melakukannya. Dengan cara mengatur pada html, yaitu dengan cara mengaturnya karena sudah terdapat icon author pada template namun masih kosong atau dengan cara menambahkan pada template dan mengaturnya.

A. Icon Author Masih Blank

1. Pertama Anda cek terlebih dahulu pada postingan artikel yang sudah terdapat komentar Anda untuk balasan seorang pengunjung dengan cara klik kanan lalu pilih "Inspect" pada Chrome atau "Inspect Element" pada Mozilla, kemudian pilih element icon author tersebut bila memang ada tepatnya setelah Nama Anda pada komentar dengan menggunakan "Select Element" (kotak persegi dengan panah) pada Inspect tersebut.





2. Apabila ada space (kotak kosong) setelah Nama Anda pada komentar maka lanjutkan ke langklah berikutnya, namun apabila tidak ada space tersebut maka Anda harus menggunakan cara kedua.
3. Masuk ke blogger, lalu pada Dashboard masuik ke "Template" > "Edit HTML". Kemudian Anda masukan kode css berikut diatas kode ]]></b:skin> atau berada diantara kode <style type='text/css'> dan </style>. Namun sebelumnya carilah terlebih dahulu yang sama persis seperti kode karena mungkin sudah terdapat kode tersebut.

.comments .comments-content .icon.blog-author {
background: rgba(0, 0, 0, 0) url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6CwSS2M_Uztb21AXHUSFslgySQyGcdAx0y3gp7KC85az6y7sRlNdJN39AiLFLWkfqMSbHXTCbj8GAE7eTQHJJ_K_KSJvyXHyKMMPdP4hwgXDFN-0RrP0d5L8OdVwyBbd-qnyC76A0ZAk/w110-h35/') no-repeat scroll 0 0;
display: inline-block;
margin: 0 0 -10px 6px;
height: 32px;
width: 100px;
}

Keterangan:

• Ganti url yang berwarna merah dengan url gambar Anda, sementara untuk rgba ganti dengan kode warna apabila ingin menggunakan warna background misal #FFF untuki kode warna putih.
• Sesuaikan tinggi (height) dan lebar (width) dengan gambar yang Anda pakai.
• Sesuiakan juga margin karena setiap gambar berbeda maka ukuran margin akan berbeda dengan format: 0 (top) 0 (right) -10px (bottom) 6px (left).


4. Setelah memasukan dan mengaturnya, klik "Simpan template" untuk menyimpannya dan lihat hasilnya.

Baca juga "Cara Menyembunyikan Gambar pada Postingan Blog"

Apabila cara pertama tidak bisa dilakukan karena keadaan template tidak terdapat space kosong pada komentar setelah Nama Anda, tenang karena Anda bisa melakukan dengan cara yang kedua yaitu dengan cara menambahkannya menggunakan javascript, simak langsung penjelasannya.

2. Menambahkan Tanda Author

1. Pertama Anda harus sudah masuk ke blogger.
2. Pada Dashboard blogger Anda masuk ke "Template" > "Edit HTML".
3. Masukan kode script berikut diatas ]]></b:skin> atau diantara kode <style type='text/css'> dan </style> pada HTML.

<script src='http://code.jquery.com/jquery-latest.js'/>
<!-- Tag Author -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #00a3c1')
.css('background','#ecf3f4 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6CwSS2M_Uztb21AXHUSFslgySQyGcdAx0y3gp7KC85az6y7sRlNdJN39AiLFLWkfqMSbHXTCbj8GAE7eTQHJJ_K_KSJvyXHyKMMPdP4hwgXDFN-0RrP0d5L8OdVwyBbd-qnyC76A0ZAk/w110-h35/") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- Tag Author -->

Keterangan:

• Ganti url yang berwarna merah dengan url gambar Anda.
• Sesuaikan warna background dan border juga untuk ukuran padding.


4. Hasil dari cara kedua dapat dilihat gambar dibawah ini.

Baca ini juga "Cara Menyembunyikan Gambar pada Postingan Blog"

Ada beberapa gambar yang mungkin bisa Anda gunakan untuk tanda admin atau author untuk komentar Anda pada blog antara lain berikut ini.

Style Admin		Style Author
Admin 1	Lihat	Author 1	Lihat
Admin 2	Lihat	Author 2	Lihat

* Copy url pada saat melihat gambar apabila Anda ingin memakai gambar tersebut.

Bagitulah 2 Cara Menambahkan Tanda Admin/Author pada Komentar Blog, apabila Anda belum mengerti baca kembali 2 cara diatas dan apabila masih tidak mengerti bisa menghubungi saya di Kontak atau di komentar yang telah disediakan. Sekian dari saya dan terima kasih sudah membaca artikel ini.