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.

Cara Menambahkan Tanda Admin/Author pada Komentar Blog

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. Mengatur Tanda Author pada Template blog

  3. 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.
  4. 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.

  5. .comments .comments-content .icon.blog-author { background: rgba(0, 0, 0, 0) url('https://lh3.googleusercontent.com/besn8m78hut9NFWFItqp3gTBnFUvDAR7RYbFok8R90A3EbnpqlWsw-WxoFzguMQENd1ZOZi3dVJLtQ=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).
  6. 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.

  4. <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://lh3.googleusercontent.com/besn8m78hut9NFWFItqp3gTBnFUvDAR7RYbFok8R90A3EbnpqlWsw-WxoFzguMQENd1ZOZi3dVJLtQ=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.
  5. Hasil dari cara kedua dapat dilihat gambar dibawah ini.

  6. Cara Menambahkan Tanda Komentar Author/Admin pada Template blog
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.

Related Posts:

5 comments:

  1. Bagus nih kalau begitu jadi terkesan elegan dan juga lebih terlihat identitas author atau admin sebagai pembeda. Saya sendiri pernah lihat dalam blog lain penulis ini terverifikasi.

    Makasih mas sangat membantu.

    ReplyDelete
    Replies
    1. Iya kang menjadi terlihat professional, 😁 sama-sama kang.

      Delete
  2. cobain ah, biar blog saya tambah keren dan mantap hihi :D

    ReplyDelete

Beri komentar dengan menggunakan Bahasa yang Baik dan Sopan!
Didalam komentar dilarang mencantumkan link hidup dan apabila Anda melakukannya maka Admin berhak menghapusnya.

Powered by Blogger.