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.
Cara Pasang Pita Author Pada Kotak Komentar Blog

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:

http://1.bp.blogspot.com/-tb3chl7J3KY/Uu2FsTFTZWI/AAAAAAAAAsI/N0vkm-B55vI/s1600/biru.gif


Merah:

http://2.bp.blogspot.com/-qCpUVTkq6kI/Uu2GwXu6XRI/AAAAAAAAAsY/iAm7GCyr1Rw/s1600/merah.gif


 Hijau:

http://2.bp.blogspot.com/-Z95mweB5U7Y/Uu2HZcILAjI/AAAAAAAAAsg/QKc3BFK20BQ/s1600/hijau.gif


Hitam:

http://4.bp.blogspot.com/-aBS8U8QvzXg/Uu2GX7HKfpI/AAAAAAAAAsQ/rl4VMSLJC1U/s1600/hitam.gif


Sekian tutorial kali ini, selamat mencoba dan semoga berhasil. Happy Blogging.

Baca Juga:
Cara Pasang Pita Author Pada Kotak Komentar Blog Cara Pasang Pita Author Pada Kotak Komentar Blog Reviewed by Anton Mahmud on 9/17/2016 Rating: 5

Tidak ada komentar:

Diberdayakan oleh Blogger.