2 Cara Menambahkan Tanda Admin/Author Pada Komentar Blog

Tanda Komentar Admin/Author bahwasanya tidak cukup penting dalam sebuah situs blog. Namun dengan inilah para penulis blog merasa senang dan gembira 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 biar terdapat icon author/admin pada komentar yang dilakukan oleh adminnya tersebut. Namun biasanya masih kosong atau blank karena biar sanggup diisi sesuai harapan Anda dan sanggup diatur. Tetapi untuk seorang pemula atau gres 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 sanggup memilihnya salah satu sesuai keadaan template dan harapan 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, adalah dengan cara mengaturnya sebab 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 akibat seorang pengunjung dengan cara klik kanan kemudian pilih "Inspect" pada Chrome atau "Inspect Element" pada Mozilla, kemudian pilih element icon author tersebut kalau memang ada tepatnya sesudah Nama Anda pada komentar dengan menggunakan "Select Element" (kotak persegi dengan panah) pada Inspect tersebut.





2. Apabila ada space (kotak kosong) sesudah 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, kemudian pada Dashboard masuik ke "Template" > "Edit HTML". Kemudian Anda masukan arahan css berikut diatas arahan ]]></b:skin> atau berada diantara arahan <style type='text/css'> dan </style>. Namun sebelumnya carilah terlebih dahulu yang sama persis ibarat arahan sebab mungkin sudah terdapat arahan tersebut.

 .comments .comments-content .icon.blog-author { background: rgba(0, 0, 0, 0) url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8s0gjFi46JGu_zBqKtO6sV7rcMppto6Qx8ulYorFsmxMi5asAvykCgOuu3rOs2Wv8rR-isHQ3Ld5o7GziU8nVwUGn7T8iPwqMpWNZHrqBHiJV4vVvZKRoynu6mwr-48pX3RzIhjhlJr0/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 arahan warna apabila ingin menggunakan warna background misal #FFF untuki arahan warna putih.
• Sesuaikan tinggi (height) dan lebar (width) dengan gambar yang Anda pakai.
• Sesuiakan juga margin sebab 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 sanggup dilakukan sebab keadaan template tidak terdapat space kosong pada komentar sesudah Nama Anda, hening sebab Anda sanggup melaksanakan dengan cara yang kedua adalah dengan cara menambahkannya menggunakan javascript, simak eksklusif 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 arahan script berikut diatas ]]></b:skin> atau diantara arahan <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/AVvXsEi8s0gjFi46JGu_zBqKtO6sV7rcMppto6Qx8ulYorFsmxMi5asAvykCgOuu3rOs2Wv8rR-isHQ3Ld5o7GziU8nVwUGn7T8iPwqMpWNZHrqBHiJV4vVvZKRoynu6mwr-48pX3RzIhjhlJr0/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 sanggup dilihat gambar dibawah ini.

Baca ini juga "Cara Menyembunyikan Gambar pada Postingan Blog"

Ada beberapa gambar yang mungkin sanggup 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 ketika melihat gambar apabila Anda ingin menggunakan 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 sanggup menghubungi saya di Kontak atau di komentar yang telah disediakan. Sekian dari saya dan terima kasih sudah membaca artikel ini.
Sumber http://www.bloggars.com/

Berbagi :