» » Cara Membuat icon Author comment

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

  1. Login dulu ke akun blog sobat
  2. Pilih " Template "
  3. Kemudian Klik " Edit HTML "
  4. 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/AVvXsEix-_YPQCKOUiEkExMDujJ8_4VHPsdBo0P2i_21rXIWgikMuaLvNe9iXdrdohtqq5u8Pcr4sae4bNiuqLJ0km6X6x4IxBsIqEgtBo_5USjzOURI52NTNf5_YE7pvOydPl61fCFuxH313Lg/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/AVvXsEhpv8BaA10_KAyvkn2tythiyqxd6bNiWeTlUvSU-kcnDZ5P30oadzv4w03XvrmLEbrGx-Q7wtCfRjv7BpTD6gdQ9Hn2gQBBsXSG0jACjHr8RrktVhI8FB2K6Y5zh6mQbdi_LfRMiEzTeMs/s1600/autor-biru.png
Author 1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9RJGaQsryMhhmtI5eRNIbKRAEfZbIFk9eNy-ztP-EshoZ8MFtB-q-wyafTn6ARqrr1DwByMyQ-SDIR_03amW4pYDL7E50mYUVIu_BnOG4M7vDQAf9l-JH9LcNl-3cMLybDBmYfN8_3Rg/s1600/autor-black.png
author 2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidndi7QPJFivUa6ewVNXcOJHplZbk6BKNiOE954i1XPbz0TrLialnoTI_uDVhP_IexEyWzcA0u4M_HtKS0wEBGEdbrBU36ElRNNfg6j3g2ZAwgMrowy-Ah7-ELAj4I9xpNQ3CccBmno1E/s1600/autor-hijau.png
author 3
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2mr2hRPLhCo__Jdr3tM3Qvk6II4qEFhx1hL2EH0H6e4bnCK3Vte94th3bUavDov6zQUoZno8VWesSXuDSaxu7Hf_dLxa_wY1DUgFhCc0x8RyMK95_MrhpfkIE5HhNCgFdqk-fhwJcApY/s1600/autor-kuning.png
author 4
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPHfRZ4Nplacgft1tfWryvOq2Ots1pR0mQ5YpC9cGc1cLBsnc_HmyrBvoPwm6s0t14vZstckwOjAnTqWbNcrynvWME-nA0af40QhcTQOSWRjoZHKdIVAVA1yldCMuEao6gvxLbBb3qwYc/s1600/authorpink.png
author 5

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.

About Redi

Hi there! I am Hung Duy and I am a true enthusiast in the areas of SEO and web design. In my personal life I spend time on photography, mountain climbing, snorkeling and dirt bike riding.
«
Next
Newer Post
»
Previous
Older Post

No comments:

Leave a Reply