Friday, August 21, 2020

Blogger Default Customized Contact Form for Footer

Blogger Default Customized Contact Form for Footer Blogger Default contact form has gained special attention among Blog users. Almost all Blogger is now using this default contact form. Thought the default thing is might dull looking, however we can customize it by using CSS coding. There are many tricks to place the Blogger default contact form in static pages. But if you wish to use Blogger Default Customized Contact Form in your Blog footer section then it attracts your communicator to communicate with you. However we will simply customize the Blogger default contact form for our Blog footer. Just go through the below steps- Adding Default Contact Form This time I will add Blogger default contact for thus I can modify it later by using CSS code. Step 1Go to Blogger Dashboard and SelectLayout Step 2From Layout ClickAdd a gadgetand from popup window selectMore Gadgetstab in left side. Step 3Now clickContact FormandSaveit. Now the default contact form will be look like below. Customizing the Default Contact Form After adding Blogger Default Contact Form now we will add simple CSS code for spice up it. Just go through the below steps- Step 1Log in to your Blogger account and Go to your Blogger Dashboard Step 2Now click on - Template - Edit HTML- Proceed Step 3Locate the]]/b:skinby pressing Ctrl+F (Windows) or CMD+F (Mac) Step 4Paste the below codeBefore/above]]/b:skin Customization For changing the Send Button color please alter the color code background:#289FF2; And for changing the Button hover color please alter the color code background:#0A92F1; For using different font color please alter color:#fff code. Step 5Now click Save template button. After applying the code the contact form will be look like below. You will see the new look of your Default Blogger Contact form. I hope you would like it. Remember that this widget has customized for Blogger footer section. Generally most of the footer section containing dark color so I have use light widget color. However if your Blogger template footer is white color then the widget wont be visible properly. For more customization feel free to leave a message below.

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.