Stylish Contact us page kaise Banate with Social Media icons

April 10, 2016
Style Contact us page kaise Banaye with social media icon's . agar Aap Apne Blog ke liye Contact us page banana chahate hai with Social Media icon's ke sath to Aap iss Article ki help se create kar sakte hai.
knowledge & money
Demo dekhene ke yaha click kare - Demo Here

Blog Par Contact us page add karne ke Benefits

1 :- Contact page hona Google Adsense Approval karwane ke liye hona jaruri hai . kyuki Contact us page Banane se site real lagati hai.

2 :- Blog Par contact us page hone se Aap ko koi bhi email send kar sakta hai . kya pata koi company Aapke Blog ko dekh kar kuch offer kar Sakti hai.

3 :- Aapke Blog ko professional look milta hai .

Stylish Contact us page Blog Par add kaise karte hai with social media icon's


1 :- first Aap Blog ke Dashboard Par jaye or layout ke Option par click kar dijiye .

2 :- ab add Gadget Option Par click kare. Niche image Follow kare.
knowledge & money


3 :- ab more Gadget Par click kare . niche image Follow kare.
knowledge & money


4 :- ab Contact us widget add kar lijiye . niche image Follow kare.
knowledge & money


Note :- jab Aap contact widget ADD karge to save karna nahi bhule . save ke button Par jarur click kar . niche image Follow kare.
knowledge & money


5 :- Ab Template ke Option Par click kar kare .

6 :- Ab EDIT HTML ke Option Par click kar kare.

7 :- Ab jump to widget ke Option Par click kar dijiye phir Contact us click kar dijiye . niche image Follow kare.
knowledge & money


8 :- Ab contact us wali line me yaha click kare niche image Follow kare.
knowledge & money


9 :- Ab contact us ka Code Open ho gaya hoga uss code me niche diya gaya pura code delete kar dijiye .

<style><b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/><p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/></div>
</form>
</div>
</div>
<b:include name='quickedit'/>
Code delete karne ke baad save Par click karna Na bhule .

Note :- jab Aap code delete kar dege to Aap ka code iss tahar dikhana chahiye. Niche image Follow kare.
knowledge & money


10 :- Ab apne Blog ke Dashboard Par jaye or new page ke Option Par click kar kare.

11 :- Ab HTML ke Option Par click kar dijiye.

Note :- jaise se Aap HTML Par click karte hai waha kuch code phele se hoge Unhe delete kar dijiye.

12 :- ab niche diya gaya code paste Kar dijiye .

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<h2>
<u>Contact us</u></h2>
<div>
<u><br /></u></div>
<div>
<u><br /></u></div>
<div style="background-color: #ffff0a; color: black;">
<br />
<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 I'd:
<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" />
<br />
<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>
</div>
<h2>
<u>Connect with us social media</u></h2>
<div>
<div style="background-color: #ffff0a; color: black;">
<style>a.social-icons{margin-right:5px;height:45px;width:45px}a.social-icons:hover{opacity:.7;filter:alpha(opacity=70)}   height:45px;
width:45px;
</style>
<div class="widget btrix_widget">
<ul style="margin-left: 0px;">
<center>
<a class="social-icons" href="https://www.facebook.com/fastmoneyxyzcom-1709224612647711/"><img alt="fastmoneyxyz.com" border="0" src="https://lh3.googleusercontent.com/-SH42X4I7sSk/VvKO2jye5CI/AAAAAAAAB8Y/Wx-fOKzoGL4Aw6deL20ORgVWZf_9yG3ywCCo/s128-Ic42/no5.png" /></a>
<a class="social-icons" href="https://www.facebook.com/profile.php?id=100010707693867"><img alt="fastmoneyxyz.com" border="0" src="https://lh3.googleusercontent.com/-60NOlWhY_hc/VvKO1nCkmjI/AAAAAAAAB8I/wGbBPVxdTl01SlMGPxuUcPrf6G4eqMyqQCCo/s128-Ic42/no1.png" /></a>
<a class="social-icons" href="https://twitter.com/KnowlegdeMoney"><img alt="fastmoneyxyz.com" border="0" src="https://lh3.googleusercontent.com/-b9E-DvTGIyM/VvKO1ksExTI/AAAAAAAAB8M/c_CD5dkJN4svDlZ6T5s6gKtQ6LL4vLShACCo/s128-Ic42/no2.png" /></a>
<a class="social-icons" href="https://plus.google.com/117239690223868549385"><img alt="fastmoneyxyz.com" border="0" src="https://lh3.googleusercontent.com/-Zou3MuYz52Y/VvKO1kgXTsI/AAAAAAAAB8Q/r6UvBHOMmg8jcL315l7aW3iA7ZTcb0c3QCCo/s128-Ic42/no3.png" /></a>
<a class="social-icons" href="https://m.youtube.com/channel/UChC1OoafAA94eJkqSpLOQSw"><img alt="fastmoneyxyz.com" border="0" src="https://lh3.googleusercontent.com/-npmK7KEQLbM/VvKO2ll49KI/AAAAAAAAB8U/Y84ywCUnehEKmXALhK8bB4E7WEBYbdq5ACCo/s128-Ic42/no4.png" /></a>
<a class="social-icons" href="https://feedburner.google.com/fb/a/mailverify?uri=KnowledgeMoney&amp;loc=en_US"><img alt="fastmoneyxyz.com" border="0" src="https://lh3.googleusercontent.com/-qT5RiYTHYNs/VvKO2xQY9YI/AAAAAAAAB8c/kcI8mZEzdQs0JcnjjJsSEFWFpN5mx-mlgCCo/s128-Ic42/no6.png" /></a>
<a class="social-icons" href="https://www.blogger.com/blogger.g?blogID=8997654353181236087#"><img alt="fastmoneyxyz.com" border="0" src="https://lh3.googleusercontent.com/-keOWGDImmsY/VvKO3UE_GTI/AAAAAAAAB8g/rHto3mxhM1U3wlkbHu9vW74Ncf0Hz-XLACCo/s128-Ic42/no7.png" /></a></center>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

Note :- Green colour se mark kara hai usse change karke Aap background colour change kar sakte hai contact form page ka.

Or jo blue colour se mark kare hai yaha Apni Social media I'd URL ADD kare . abhi meri Social Media URL ADD hai.


-->