Breaking

Thursday, June 21, 2018

How to make contact us page | on blogger

How to make blogger contact us page


For a blog, contact form page has been added to the contact page for all blogs, but it is a static page that has been added to your blog, and if you do not have an email address for your visitors, please contact me on the contact page. You can also contact the direct contact us through a personal view.

Contact page is a simple form that can be used directly by the site owner to write the name of the email address and email address of the website and message box. If you add a new site to your contact page, your traffic will also increase.

Google adsense has been used to make 3,4 pages, but it is very important - about us, privacy policy, terms and conditions, and contact us in your adsense account.

Step 1.

Click on the drop down menu.

2. Click on the add a widget. Click here to open a pop up window.

3. Click More Gadgets.


4. Click on the contact form option to access the page and click on the Save button and save the page.

5. Save the arrangement to save the layout.

Visit Website with Facebook Page Per Kaise Share

Step 2.


Please click on the Edit button on the Edit button or click on the box next to the theme box.

1. Jump to widget - Option clock and scroll down.

2. Click on contact form 1- and click on the contact form code to open the image.

3. <b: widget id = 'ContactForm1' locked = 'false' title = 'Click on the formulir / code to the left side arrow and click on the full code to open it.

Step 3

Full code open hone to bad-

<b: includable id = 'main'> Se </ b: includable> delete the code from here.

Step 4

You can copy the code

copy kare.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

/*Custom Cocntact Form BY iamhappylife.com */
.contact-form-widget {
margin-left:auto;
margin-right:auto;
width: 600px;
max-width: 100%;
padding: 0px;
color: #000;
}
.fm_name, .fm_email {
float:left;
padding:5px;
width:48%
}
.fm_message {
padding:5px;
}
.contact-form-name, .contact-form-email {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
height:40px;
padding:10px;
font-size:16px;
}
.contact-form-email-message {
width:100%;
max-width: 100%;
height:100px;
margin-bottom:10px;
padding:10px;
font-size:16px;
}
.contact-form-button-submit {
border-color: #C1C1C1;
background: #E3E3E3;
color: #585858;
width: 20%;
max-width: 20%;
margin-bottom: 10px;
height:30px;
font-size:16px;
}
.contact-form-button-submit:hover{
background: #ffffff;
color: #000000;
border: 1px solid #FAFAFA;
}

Step 5.


1. Click on the theme menu and click on the Ctrl + F button to open the right side of my search box and open the search box]]> </ b: skin> code type and ab keyboard me enter button press enter button]]> </ b: skin> code highlighted

2. If you have copied the code to your code, please click the "Remove" button below and click on the link below.

3. Save the theme - Click on the option to save the theme.

Step 6


1. Click on the Dashboard menu drop-down menu.

2. Click on the new page.

Step 7


Copy the code to the code

<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<div class="fm_name">
Your Name:
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></div>
<div class="fm_email">
E-mail Address *:
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></div>
<div style="clear:both">
</div>
<div class="fm_message">
Message *:
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" />
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
</div>
</div>

1. Click on the new page HTML.

2. Please copy the code to the box that has been copied to you.

3. Page Title I can contact us type

4. Click on the Publish option to publish the page.

You can add a page to your contact page and open the page.


If you have a contact message sender box that is type of show and you can contact directly from the box.



Final words thank you visiting my website online make cash and relative post for will be tomorrow

No comments:

Post a Comment