15 Juli 2012

Ganti Warna, Ukuran dan Font Komentar Blog

Untuk memancing pengunjung blog memberikan komentar di blog kita, sobat blogger perlu sedikit memodifikasi tampilan font komentar, ukuran font komentar dan warna font komentar. Untuk melakukan modifikasi kotak komentar, kita harus melalui Template Designer yang ada di blog kita. Tapi sekarang yang jadi masalah, dibagian Template Designer tidak terdapat settingan untuk komentar. Bagaimana Solusinya? Gampang, kita tinggal buatkan settingan untuk komentar blog kita dengan sedikit penambahan kode pada bagian template. Silahkan sobat blogger ikuti langkah-langkah di bawah ini!

Cara Ganti Font, Ukuran dan Warna Komentar blog:

  • Log in dulu di http://www.blogger.com/
  • Di bagian Design, klik Edit HTML
  • Cari kode /* Variable definitions
  • Kalau sobat blogger sudah menemukan kode tersebut, letakkan kode berikut tepat di bawahnya
 <Variable name="sscommentfont" description="Comment Font" type="font"
         default="normal normal 100% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 100% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif"/>   
     <Variable name="sscommentcolor" description="Comment Color" type="color" default="#000000" value="#000000"/>
  • Selanjutnya, cari kode yang seperti ini /* Comments --------- */
  • Di bagian bawah kode tersebut, letakkan kode berikut
.comments .comments-content .comment-content, .ss{
    font: $sscommentfont;
    color: $sscommentcolor;
}

  • Simpan Template sobat

Komentar blog, font komentar, warna font komentar, ukuran font komentar blog


Untuk langkah selanjutnya, silahkan sobat klik Template Designer. Di bagian "Advance" akan muncul Settingan untuk komentar. Perhatikan Gambar di bawah ini.

Komentar blog, font komentar, warna font komentar, ukuran font komentar blog

Dari gambar terebut, terlihat setting untuk Font komentar dan warna tulisan komentar, Silahkan sobat sesuaikan tampilan komentar blog sobat dari situ. Bagaimana Hasilnya? Silahkan sobat blogger memberikan komentar melalui kolom komentar di bawah ini, akan terlihat hasil dari modifikasi font, ukuran dan warna komentar

1 comments so far


EmoticonEmoticon