Tanda Penulis Di Kotak Komentar Blog

Cara menciptakan tanda penulis/author dikotak komentar blog. Seperti gambar dibawah ini. Tanda penulis berupa gambar, yang akan muncul saat penulis menunjukkan komentar. Sehingga gampang untuk dibedakan yang mana author/pemilik blog dengan pengunjung yang menunjukkan komentar.

Untuk lebih jelasnya perihal cara menciptakan tanda penulis atau author dikotak komentar blog. Ikuti langkah-langkah dibawah ini.

1. Login ke blogger, dari halaman dasbor pilih pengaturan Template.
2. Klik edit HTML dan cari instruksi ]]></b:skin> dan tempatkan instruksi berikut ini diatasnya.
.comments .comments-content .icon.blog-author{
background-repeat:no-repeat;
background-image:url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivHaa1dIQ2_3twyz_URCdfqhPy6lhYb5pUgNp4BFJpj-_7caCBg-CgM4fSeDE2GCMbQYO1EMde3HbxdyPFluWWX7EzbcNFXrJE8NwFTa2KSjQlCHQER39UcjXz9TokvRNSd0n1xJhRDKLx/s125/fandra%2520penulis.png);
background-position: top; float:right;width:125px;height:32px;margin:-16px 0px 0px 0px;
}
3. Save template, selesai.

Keteranga instruksi diatas:

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivHaa1dIQ2_3twyz_URCdfqhPy6lhYb5pUgNp4BFJpj-_7caCBg-CgM4fSeDE2GCMbQYO1EMde3HbxdyPFluWWX7EzbcNFXrJE8NwFTa2KSjQlCHQER39UcjXz9TokvRNSd0n1xJhRDKLx/s125/fandra%2520penulis.png merupakan url dari gambar yang akan ditampilkan.
• float:right; posisi gambar disebelah kanan.
• width:125px;height:32px; tinggi dan lebar gambar.
• margin:-16px 0px 0px 0px; mengatur posisi gambar supaya tidak terkena komentar. Pengaturan kode: -16(kanan), 0(atas), 0(bawah), 0(kiri).

Gambar diatas memakai format PNG, dan background dibentuk transparant. Kaprikornus background gambar akan mengikuti warna background dari kotak komentar. Untuk menciptakan gambar transparan, baca di cara membuat gambar dengan background transparan. Dan silakan baca juga cara upload dan ambil url gambar, untuk memasukan gambar anda yang akan dijadikan tanda penulis.

Itulah sedikit cara desain blog ialah perihal menciptakan tanda penulis dikotak komentar blog, supaya pengunjung mengetahui siapa penulis atau pemilik dari blog. Silakan baca juga artikel lainnya, yang berafiliasi dengan gambar. Seperti cara menambahkan gambar disamping judul posting atau cara memasang icon berbeda disetiap judul widget. Dan juga artikel lainnya.

Semoga dapat bermanfaat untuk anda.