Thomas Leigh Diary

Customize Blogger comment form

Recently I invent a very simple way to customize Blogger comment form. It is a very simple method - and it doesn't require to directly edit template's code.

For example, if You'd like to change standard (white) appearance into black one, do as follows:

1. Log in into Your Blogger account.
2. Choose blog You want to modify.
3. Choose "Layout" (on the left).
4. On top You should find this sentence: "Add, remove, edit gadgets on your blog. Click and drag to rearrange gadgets. To change columns and widths, use the Template Designer." Click "Template Designer".
5. On the left choose "Advanced" and then "Add CSS".
6. Copy and paste following code into the "Add custom CSS" field (if it isn't empty, just paste this code on the very end):
   

                   /* Comment Form modification */
   .blogger-iframe-colorize
   {
       -webkit-filter: invert(1);
       filter: invert(1);
   }
                   /* Comment Form modification */
   

7. Click "Apply to Blog" button on the right.
8. Refresh Your blog in order to check if comment form has changed its appearance.

If You would like to experiment a little bit, You can change numbers in brackets - from "1" into - for example - "0.5" - and check the effect.