jasa seo

Tanda Penulis di Kotak Komentar Blog

Cara membuat tanda penulis/author dikotak komentar blog. Seperti gambar dibawah ini. Tanda penulis berupa gambar, yang akan muncul ketika penulis memberikan komentar. Sehingga mudah untuk dibedakan yang mana author/pemilik blog dengan pengunjung yang memberikan komentar.
tanda penulis dikotak komentar blog
Untuk lebih jelasnya tentang cara membuat tanda penulis atau author dikotak komentar blog. Ikuti langkah-langkah dibawah ini.

Login ke blogger, dari halaman dasbor pilih pengaturan Template.
Klik edit HTML dan cari kode ]]></b:skin> dan tempatkan kode berikut ini diatasnya.
.comments .comments-content .icon.blog-author{
background-repeat:no-repeat;
background-image:url(
https://lh4.googleusercontent.com/-9I8-4lAfG9s/Um9zVOHgz4I/AAAAAAAABHA/uzIniCp-2kQ/s125/fandra%2520penulis.png);
background-position: top; float:right;width:125px;height:32px;margin:-16px 0px 0px 0px;
}
Save template, selesai.

Keteranga kode diatas:

https://lh4.googleusercontent.com/-9I8-4lAfG9s/Um9zVOHgz4I/AAAAAAAABHA/uzIniCp-2kQ/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 agar tidak terkena komentar. Pengaturan kode: -16(kanan), 0(atas), 0(bawah), 0(kiri).

Gambar diatas menggunakan format PNG, dan background dibuat transparant. Jadi background gambar akan mengikuti warna background dari kotak komentar. Untuk membuat 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 yaitu tentang membuat tanda penulis dikotak komentar blog, agar pengunjung mengetahui siapa penulis atau pemilik dari blog. Silakan baca juga artikel lainnya, yang berhubungan dengan gambar. Seperti cara menambahkan gambar disamping judul posting atau cara memasang icon berbeda disetiap judul widget. Dan juga artikel lainnya.

Semoga bisa bermanfaat untuk anda.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s