Baca ya : 2 Cara Menambahkan Tanda Admin/Author pada Komentar Blog

Tanda Komentar Admin/Author bergotong-royong 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 semoga terdapat icon author/admin pada komentar yang dilakukan oleh adminnya tersebut. Namun biasanya masih kosong atau blank karena semoga 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, yaitu dengan cara mengaturnya alasannya ialah 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 akhir seorang pengunjung dengan cara klik kanan kemudian pilih "Inspect" pada Chrome atau "Inspect Element" pada Mozilla, kemudian pilih element icon author tersebut jikalau memang ada tepatnya sehabis Nama Anda pada komentar dengan menggunakan "Select Element" (kotak persegi dengan panah) pada Inspect tersebut.





2. Apabila ada space (kotak kosong) sehabis 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 isyarat css berikut diatas isyarat ]]></b:skin> atau berada diantara isyarat <style type='text/css'> dan </style>. Namun sebelumnya carilah terlebih dahulu yang sama persis ibarat isyarat alasannya ialah mungkin sudah terdapat isyarat tersebut.



 .comments .comments-content .icon.blog-author { background: rgba(0, 0, 0, 0) url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEghMNl6kHg04Hiv2oIyGCo8JnKboJmnB8TNaOkPfkyeDvaqmESoX517czhB6Kw-W7Y7T2yJKOjmyen3ETWRdku9g_nYJKeEjwP_MuZOLGSrzveCnMEFicraMVuFA9bNUDDh57a4MmGaU/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 isyarat warna apabila ingin menggunakan warna background misal #FFF untuki isyarat warna putih.
• Sesuaikan tinggi (height) dan lebar (width) dengan gambar yang Anda pakai.
• Sesuiakan juga margin alasannya ialah 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 alasannya ialah keadaan template tidak terdapat space kosong pada komentar sehabis Nama Anda, hening alasannya ialah Anda sanggup melaksanakan dengan cara yang kedua yaitu dengan cara menambahkannya menggunakan javascript, simak pribadi 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 isyarat script berikut diatas ]]></b:skin> atau diantara isyarat <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/AVvXsEjEghMNl6kHg04Hiv2oIyGCo8JnKboJmnB8TNaOkPfkyeDvaqmESoX517czhB6Kw-W7Y7T2yJKOjmyen3ETWRdku9g_nYJKeEjwP_MuZOLGSrzveCnMEFicraMVuFA9bNUDDh57a4MmGaU/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 dikala 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/

Tweet

Subscribe to receive free email updates: