Learn More

Thursday, October 6, 2011

Decorating Blogger Comment Box

Hi friends, we meet again in the hot topic of blogger and widgets. This time we will discuss about the blogger comment box modification. Of course, in order to become more attractive. Before starting the discussion, we suggest that you learn the css that is in this tutorial, because this tutorial is the application of css on bloggers.

blogger comment box








History

We'd love to look interesting in the comments box. That users like to do commentary. As we explore the sites of friends, trying to find a good inspiration. Finally we take a decision. Which display a comment box to be more manly. For you are a woman blogger, then you just simply looking for background image. If you want to change the looks to be more interesting please visit css tutorials.



To the point

The first step is to put the following css code. I'm sure my friends already know how to install the css code, click the Design tab -> Edit HTML, then the checklist Expand Widget Templates. After that look for code ]]></ b: skin>. In the above code, add the following code (attention: we are using standard template from blogger)

 

If you want to change the width of the comment box, how easy. Look for the following code snippet


You will get two pieces of code similar to code above, change the width = "100%" with the width = "500 px" or whatever its value, it's up to you. Our advice, change with the em unit, although with the px unit is adequate. Please read our tutorial about the em unit for more details.

Done. Your comment box applies to chrome, internet explorer, opera, safari, and firefox. You have to do afterwards is to simply pass the image url that you want. Easy right.

  1. awesome.. ku dah follow blognya mba... follback yah...

    ReplyDelete
  2. Tuk mas bayu, bila ingin menampilkan sebuah link, kami persilahkan, nyempil banget di huruf k dari visit back. tapi gapapa,karena blog anda tidak diduga sebagai malware.

    Untuk mas ogie, oke lah kalau begitu.

    ReplyDelete
  3. nice i can try for my blog. siipppp

    ReplyDelete
  4. untuk mas teguhsatriya silahkan dicoba..kami menggunakan blogger standard template...karena bebas spam, malware, dan lain-lain....

    ReplyDelete
  5. Wahhhhhhh.....Hebat...yach.......ibu-ibu tapi bisa bikin Blog Kaya Gini.....Tadinya Saya mau coba tips nya tapi saya nggak ngerti bahasa ingris........
    Mbak Tukeran Linknya Dimana......
    ain Di Warung Ane yach...
    http://sehat-kaya-dari-propolis.blogspot.com/
    menu tuker link otomatis
    makasih Ibu.....................

    ReplyDelete
  6. Untuk mas Propolis Si Obat Ajaib
    Terima kasih mas.kalau mau tau artinya silahkan klik terjemahan yang ada di sebelah kiri bawah layar.

    ReplyDelete
  7. Thank for your notify. We give notification to you and others, since blogger using comment threaded, this tutorial is not working again. We plan for giving another tutorial for decorating comment box. Thank you.


    Putri


    Admin

    ReplyDelete