Menambahkan pita author pada kotak komentar di blog

Postingan kali ini adalah permintaan salah satu sobat blogger yaitu berkenaan dengan cara menambahkan pita author pada kotak komentar. Untuk memberikan sentuhan khusus dalam menambahkan pita author pada kotak komentar, kita menggunakan properti CSS. Cara menambahkannya cukup mudah, tinggal mengikuti langkah-langkahnya berikut dibawah ini.

LANGKAH-LANGKAHNYA

• Masuk ke akun blogger anda kemudian -> Klik Drop Down Menu
• Kemudian pilih -> Template-> Edit HTML

 

• Cari tag/kode ]]></b:skin> tekan CTRL+F untuk memudahkan proses pencarian
• Berikutnya kopi dan pastekan kode CSS dibawah ini tepat diatas kode ]]></b:skin> 

.comments .comments-content .icon.blog-author { position: absolute; top: -2px; right: -9px; margin: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmGS7Da07rxh7CFkjHkjJaXyFq5shrLXvUZYeo0Y8f14bP0BtUTIw0ZJD7JZtGujQvgEl5bmCHYt0BtKDHw8D3FhPHfkG2Yhcv6Yv7wT7-MEwuDM6EF6mI-ahTZSiB2s1UqcdbIvi1PFw/s320/author-pink.png) no-repeat; width: 36px; height: 36px; } 

• Simpan template

KUSTOMISASI:

Untuk mengganti warna pita author, anda tinggal mengganti link pita author pada kode yang disorot warna biru

Ada 3 pilihan warna pita, silahkan pilih mana yang anda suka: 

Warna merah muda/pink : sudah tertera diatas

Warna hijau : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFWb2qbh20YeYiOQ1LiSkhaB3A9ziFanQT5GAJ2WP6S195627q_x4-cWkrvZKK1LWunxfJgp-zz7xmujSkmxjgY0-cxI2_FVrQnmILx0evR5pQqErHOMlioDffoCpqD6HA4yUrzbNrtt-5/s1600/rb+green+ribbon.gif

Warna biru: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj93pQvZEiMelY1peRvmPZLTmOhCNubAyVLTMU1QqASTSf-cDgZ5W8byPogtGmyE00TiZDXzTOsNutVNLLBpgVBA_JCXDLYwyTwyPm1dburEUUbr36qmi5adzsndjd-4iXyqHIXby3i1WOU/s1600/rb+blue+ribbon.gif

Semoga bermanfa'at...