Pop-up minimal look contact form |
In this tutorial, we will guide you in installing a simple yet professional looking contact form, with out embedding on your blog pages nor your blog posts. With the help form Kontactr.Com, we will create a pop-up, easy to install simple professional look contact form The initial design for the contact form has a very sharp and minimal look, with light-box style pop-up features, using automated generated JavaScript codes provided by Kontactr.Com .
Professional Looking Contact Form by Kontactr.Com
First you have to register and create your account at Kontactr.Com . Here we want to generate the necessary JavaScript codes for your soon to be contact form.
> Go to Kontactr.Com web site > Click Register > Fill out the Forms > Add you're e-mail address (This is where the form will re-direct the messages to.)
Explanation: Here we want to grab the JavaScript code based on your given registered account details (ie e-mail) which will direct all your forms requests to your designated e-mail address. The registration process is quite simple and straight forward.
> After filing the Forms > Go to Home (if you're not redirected) > And view the automated javascript codes by Kontactr.Com.
There are a few other options here for your contact form customisation and we will not got that extent. Here we only need the generated JavaScript code for your blogger contact form link or buttons
Adding Link/Button Style for Pop-Up Contact Form
If your opt for a link-style or pre-designed button style click and pop-up contact form, you will do this:-
> Open a new window > go to Blogger.Com > "Your blog" > Dashboard > Layout > add a New Wighet - Preferably near your side bar area > HTML widget.
> Now at Kontactr.Com Home > copy the JavaScript code under the K-Box sections with the buttons styles on the left. You have 2 buttons and 1 link styles as an option for your pop-up contact form link. The sample code would look like below:-
0 comments:
Post a Comment