- Back to Home »
- Blogger »
- Cara membuat icon author comment
Posted by : Muhamad Ishak Hanapi
Selasa, 17 Desember 2013
- Seperti biasa login to blog
- 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. Setelah selesi silahkan save template anda dan lihat hasilnya. Untuk DEMO anda bisa melihat Icon Author Comment pada komentar blog ini.
.comments .comments-content .icon.blog-author{position:absolute;top:-8px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBXww5AU0MXipqwUR-Q7I7T1RzuCyRCOK-YC-ON6_tPrIEYmNxRZDQCQ-ZTSTYEsQmHyeHnkuactX5nEGE1Q4TQBTgHNpqXiQR11HO5WSQPEIJ_xC9m7rSBoYw9YbiE6shskeFfarLtJQ/s1600/Merah-autor.png);width:56px;height:56px}
Bila anda ingin lebih kreative silahkan anda pilih gambar dibawah ini sesuai dengan tampilan blog anda. Code CSS dibawah ini gantikan dengan code CSS yang berwarna biru diatas, Code yang anda copy sesuai dengan gambar yang tertera pada postingan ini. Bila settingan letaknya kurang memadai / pas silahkan setting besar kecilnya angka pada code warna hijau diatas.
| |
| |
| |
| |
|
{ 1 Komentar... read them below or add one }
Gunakanlah bahasa yang sopan
Tidak mengandung SARA (Agama, Suku, Dll)
Tidak menyertakan link aktif.
Jika melanggar syarat diatas komentar akan saya anggap SPAM
TEst Comment
BalasHapus