Sunday, January 22, 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 yang sudah dilakukan oleh Rinjani Lovers.


Dapatkan Artikel terbaru Rinjani Lovers secara gratis! Untuk itu, masukkan Email anda pada kolom di bawah ini. Setiap artikel yang kami publikasikan, akan langsung kami kirim ke Email anda

Delivered by FeedBurner

Baca Artikel menarik lainnya di bawah ini...



28 comments:

  1. sip banged tutorialnya,
    n sangat membantu....
    trimsss
    ciptakan lebih banyak lagi tutorial tentang blog...
    BRAVO...

    ReplyDelete
  2. trimakasih banyak gan ,, berhasil nih ,,
    sip gan maju terus ...

    ReplyDelete
  3. thanks info nya gan..kunjungi blog ane ya ...

    ReplyDelete
  4. CHECK YA MAS BRO BLOG SAYA 'BANYAK TIPS2 YNG PERLU ANDA KETAHUI TERIMA KASIH ..
    CHECK TKP http://putrapatiwara.blogspot.com/

    ReplyDelete
  5. terimakasih infonya mas bro mudah2an ilmunya berkah... amiin

    ReplyDelete
  6. LUARRRR BIASAAAA... ini adalah tutorial terbaik yang pernah saya baca.. tengkiu sob,,,,,

    ReplyDelete
  7. http://moviestu.blogspot.com/p/index.html

    makasih gan

    ReplyDelete
  8. uda ane praktekin.. thanks gan tutorialnya. :)

    ReplyDelete
  9. tanks gan atas infonya.. bermanfaat buat saya yang baru belajar

    kunjungi jga ia

    www[.]penggunacerdas[.]blohspot[.]com

    ReplyDelete
  10. sangat berguna sekali infonya, maksi saya bisa belajar di blog ini

    ReplyDelete
  11. info yang sangat menari buat di pelajari, oleh semua para bloger ...??

    ReplyDelete
  12. Replies
    1. www.smarthanz.blogspot.com

      Delete
  13. Mengganti tulisan font dan merubah bentuk dan warna dapat mempercantik tampilan blog

    ReplyDelete
  14. Thanks infonya gan,mau langsung di coba..

    ReplyDelete
  15. Akhirnya berhasil juga... TQ boss...

    ReplyDelete
  16. Keren banget brow,
    www.terapiotak.com

    ReplyDelete
  17. fantastis gan terima kasih atas infonya sekarang ane nggak pusing2 mikirin maslah kotak komentar berkat info agan salm kenal dari saya kunjungan balik ditunggu di http://profesional-bisnis.blogspot.com

    ReplyDelete
  18. wuis canggih! trims...
    kunjung balik ya http://myblogistoshare.blogspot.com/

    ReplyDelete
  19. ini yang ane cari. langsung praktek gan. suwun tutorialnya

    ReplyDelete

home

Copyright © 2012 Tutorial Blogspot | Design by X-Template