2016-01-22



What really makes a blog great, content? No doubt content is primary but design is also a factor to make it successful. Blogger released contact form widgets more than 2 years back but never found a great design till now. Therefore I did an effort to create a better design for dark backgrounds with flat dark colors. Lets see how to do it.

Steps

If you haven't added any contact form widget then add it with following step, else skip the below step.

Go to Blogger > Layout > Add Widget > More Widgets then select Contact Form and save it.

Now got Blogger > Template > Edit HTML

Click Jump to widget

Select ContactForm1

Now you would be scrolled to the Contact Form widget, if the code block is open then close it by clicking on the number aside of it like the one below:



Now select the whole line, but make sure that block of code remain closed and replace the code with the below one:

Now we need to move on next part. Find ]]></b:skin> and add the following code above it.

Finally, if you have Font Awesome in your code then skip the step or if you have no idea about it then find </head> and put the following line above it. It will add icons in contact widget.

Save Template and see the effect. If find something wrong, throw a comment.

Show more