Cara Membuat icon Author comment - Kali ini saya akan membagikan tutorial tentang bagaimana membuat komentar admin berbeda dengan komentar pengunjung dengan menggunakan icon komentar . tahukah anda apa itu Comment author ? Comment author adalah pesan komentar yang dipublish oleh pemilik akun situs web atau blog.
Berikut Cara Membuat icon Author comment
- Login dulu ke akun blog sobat
- Pilih " Template "
- Kemudian Klik " Edit HTML "
- Setelah itu cari code ]]></b:skin> atau pun </style>, setelah ketemu silahkan copy code CSS dibawah ini dan pastekan didalam ataupun diatas code ]]></b:skin> atau pun </style>. kalo lebih bagusnya silahkan pastekan code dibawah ini dekat dengan atau bersamaan dengan code CSS (comments ) agar lebih mudah suatu saat anda untuk mengeditnya.
.comments .comments-content
.icon.blog-author {
position:absolute;
top:-8px;
right:-12px;
margin:0;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-sas77NkOUcWDcnv-_0MjpQ9tz7eOSIrjc1aMNt9yxqNmae9StMFyf6lKpExN6tRdM22qo5jpLhhwtM3pJmxLZWbriB4buKm3IhWGqA2Yj_VEory8rPHEMTy-p18Q6YncxE81DZTTEhU/s1600/Merah-autor.png);
width:56px;
height:56px;
}
Sobat bisa mengganti url kuning di atas dengan salah satu url di bawah ini
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjen_sRZ5xZH8MVgtVVQ4RMfn5nFrO1-CpVhrP2KFlt5GjAVbRof1eKXZIndfGMycOKgGjal1iGclH-M7hCIruloOKKt_-r4XMvSVg3x-kXmtzLRf1RZ3lgEkFCIsJ8ux14cjmgxsvCB10/s1600/autor-biru.png
|  |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7knNe9wGVE1v-weTvzogPZEE42fxwXaTto4e9Dc7LhxIh7O2GzlFVnYCeQttwlbaKbMIJ_eGCPDM-nLmqJ9KvHHFc8UXIjajxQ736JCg7qb4dzJsvR3Rph3M14aTqs7T-qC9inxBy3Yo/s1600/autor-black.png
|  |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioSA-OIA-2rOz-vTL1lGoES8brsEm2mWE4Oj_7t7CJBihnnIjp-ohhsqgXAzz-576awRZ1Qrilw9SWD_v_mEgoPYLp0PGufKLyjMaja686Gcjnb-rpInzw3JyJyWIZPN_VxxECxwDypVI/s1600/autor-hijau.png
|  |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl5xq1bbuw-AGkNE7Qs_kADOwlxi3WxBqKhzgiNliYwJoWAgJNjuWaZFXqL896uHZuraPyCXF_lspo-YVTYhWHGPCJmlu67xfAqJ46jrwk4tkTD6bC7nVCShswJ3WNdBx9TkHglScczFU/s1600/autor-kuning.png
|  |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmWjEO5nYKcwwb-PZAHMMlvo7R5EqtGx17jwPMyjRlXY0AllaWap7YsvQP0_UXSoDWLlf0VscT3LTnGKlZ4_LzvK9dftEJimU8dnDv9oqEQdqGeV01YUaymecPe9mqRowU5J3O7XePIW0/s1600/authorpink.png
|  |
Simpan Template anda dan lihat hasilnya
Perbedaan author comment dengan para komentator dengan menambahkan icon gambar User Author pada postingan kali ini, akan mempermudah para komentator melihat Komentar author pada suatu halaman blog form Comment.