Tuesday, October 29, 2013

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

    No comments:

    Post a Comment