Cara Pasang Pita Author Pada Kotak Komentar Blog

Kolom komentar pada blog adalah tempat paling mudah bagi admin / author sebuah blog untuk berinteraksi dengan pengunjung. Baik sekedar untuk mengucapkan / membalas ucapan terima kasih ataupun untuk lebih lanjut membahas materi postingan.

Mungkin sobat blogger pernah melihat percakapan di sebuah blog yang sangat panjang tanpa tau mana si author dan mana pengunjungnya apabila tidak meneliti percakapan itu dari awal.

Nah, kurang lebih fungsi pemasangan pita pada kotak komentar admin pada tutorial kali ini adalah untuk itu, maksudnya untuk mempermudah pengunjung mengenali mana admin blog dengan cepat dalam percakapan di kolom komentar sebuah blog.

Seperti judul di atas, tentu saja tutorial kali ini ditujukan pada template blog yang tidak dilengkapi identitas author pada kolom komentar authornya. Kalau sudah ada, saya rasa sudah cukup dan tidak perlu untuk memasang pita author ini, kecuali sobat blogger hanya ingin menghias dengan menambahkan pita pada kotak komentar admin blog sobat, maka silahkan melanjutkan membaca tutorial kali ini.

Cara Pasang Pita Author Pada Kotak Komentar Blog

1.Masuk pada mode Edit HTML

2.Cari kode ]]></b:skin> ( pakai CTRL + F agar lebih mudah )

3.Taruh kode CSS di bawah ini, tepat di atas kode ]]></b:skin>

.comments .comments-content .icon.blog-author { position: absolute; top: 2px; right: 3px; margin: 0; background: url(http://i1347.photobucket.com/albums/p704/artaa666/author-cyan_zpsb162e164.png) no-repeat; width: 36px; height: 36px; }

4.Simpan Template

5.Selesai

Sangat mudah sekali bukan? Ternyata kita hanya butuh menambah kan kode CSS saja untuk memasang pita Author pada kotak komentar blog.

Oh, iya...biar lengkap. Untuk text yang berwarna kuning merupakan kode pengaturan posisi pita, angka dalam kode tersebut bisa sobat ganti sesuai dengan keinginan. Sedangkan untuk text yang berwarna hijau adalah keterangan dari URL gambar, URL ini juga bisa sobat ganti dengan URL pita yang lain. Syukur-syukur kalau sobat blogger bisa berkreasi sendiri membuat gambar pitanya, biar beda dengan tampilan blog-blog yang lain. Namun jika dirasa terlalu repot, sebagai solusi, sobat blogger bisa memilih warna pita yang berbeda di bawah ini.

Biru:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0XGaAbotfhJZMtAHY7s6_1US2GxFreXJ7T7fJInJKmV7EMXIglzye12Fo_4G0D8T3UKfiUAYqwIVujJeag6ZO5fgvqIxaEJSIGYYflHm87Zji_JQayaVbgDg1kQq4VzFtDVZY5x67OQ6g/s1600/biru.gif

Merah:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-u1bVi16Lo2x8NO2yGSVkQ-Ta1qjzylULOS0ohCZMnJIBNcrfq5ilm5nsZWlOvAo7rN3LJPtXwcbTXZ8kjxCalLMiYLoAKSmu9eJSK1UIOTEnRsIkYT1PgtOAeEwYWcWx9toHV1iDBiWn/s1600/merah.gif

 Hijau:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkJDrF3XFX-hjGBRiVsFq3D2EbMe7uFsM_nRrcDUe2EWa6jh84FSmUE_QHVejLhsQXV43THjtaScOktpXw9hyK6w5K9G0pjr0WGiRsbq2SRl_bGU2B8PzpWj5tfGR3_hwZowoPX9hxQMpD/s1600/hijau.gif

Hitam:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSUkhPzV_ZnWqJOS1RK1ULsJ0cP8yQSNKHO0BJfYUn5Wpodtogd_Aht7irOfvjKEHinrr_RlWPZwML6lC3gDz0gHFKdT9XmkrmJxa2CXLSR3OlFnudt3emnsurvokLqfFkQlvhQY30rcS3/s1600/hitam.gif

Sekian tutorial kali ini, selamat mencoba dan semoga berhasil.

Happy Blogging.

Sumber:

http://ngurah-insane.blogspot.co.id/2014/02/memasang-pita-author-pada-komentar.html

Baca Juga:

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: