Blogger Ke Liye Custom Blogger Contact Form Widget

Custom Blogger Contact Form Widget, Jaisa Ki Aapne abhi tak Apne Page me apne visiter se sampart sadhane ke liye aap iska prayog karte honge, Aapne visiter se contact karne ke liye Apni Email Id aur any contact diya hoga hai.



yaha Aap Apne Contact Form ko add karke bhi visiter ke feedback le sakte hai. Aise me jabki aap email id ka prayog kar rahe hote hai to visiter ko aapse contact karne ke mail ka sahara lena padta hai. Phir bhi Aap hamare dwara listed Contact Form Widget se apne viewr se turant feedback le sakte hai.
Contact Karne ka Jariya Kewal yahi rukta hai. Aapse yadi Koi Company ya Brand Aapse Aap se sampark karna chahti hai to unke liye yahi rasta bachta hai.

Custom Blogger Contact Widget Kyo Prayog karna Chahiye?

Yadi Aap bhi Koi third party widget use kar rahe hai to Aapka Message fans sakta hai. Aise Me aapko Blogger ka contact form use karna jaroori ho jata hai. Aapko Kya - kya Fayde hote hai Wo batate hai.

1. Message Jaldi Se Prapt Ho jate hai.
Blogger Ka Contact Form bahut fast hai. Jab koi iske through contact karna chahta hai to aapke mail par uska message jaldi se aa jata hai.

2. Bharosa Karne Yogy
Blogger Ka Contact Form Bharosa karne yogy hai. kyoki isko Blogger Ne devolope kiya hai. Is pe aap bina kisi problem ka prayog kar sakte hai. Jab aap Third party Contact prayog karte hai to wo itne reliable nahi hote . Kyoki unse message jaldi se aapke yaha nahi pahuchte hai.

3. Sawaalo Ke Liye
Jab Aap blogger contact form prayog kar rahe hai to aap iske dwara question ke liye ja sakte hai. Aur ye form aapke business ke liye bahut important role play karta hai. Jab Aap koi product bechne ki taiyari kar rahe ho. Aapko is form ko prayog karna chahiye.

4. Feedback
Koi bhi jo aapke site par visit karega, yadi koi suggestion dena ho to aap se turant is form se sampark kar sakega. is form me naam , email aur uska message likhna hota hai. Matlab wo kam time me apna valuble feedback aapke tak pahucha dega.

Contact Widget Form Kaise Add Kare

Aapko Apne blog me form add karne se pahle aap ko default contact form add karna hoga , iske baad aap iske function ko install karna hoga. Aap iske liye Nimn Step Follow kare.

1. Aap Blogger Me sign kariye Aur Layout Area me jaiye. Ab Aap Add A Gudget par click kariye. Yaha par aapko page element add karna hai.



2. Ab Aapko More Gudget par add karna hai iske Baad Aap Contact Form Ko Plus icon par click karke add kar lena hai.

3. Jab Aap Contact Form Add kar lete hai to aapko Sidebar me ye form dikhane lagta hai isko Aap Hide karne ke liye Ye Step Follow kar le.


  • Aap Blogger Me Theme Option Ko Select kare.
  • Phir Aap Edit HTML par click karke Aap Theme editer Ko Khol Le.
  • Ab Aapko Ctrl+f key dabana hai aur usme search box khulega. Usme ye search kar na hai.
]]></b:skin>

  • Ab aapko Iske thik Upar Me niche ka code paste karna hai.
#ContactForm1{display: none !important;}

  • Ye jo css code hai wo aapke contact widget ko hide kar dega. Abbari aati main script ki to aap iske liye ye follow kare.
Page Me Blogger Custom Widget Kaise Add kare

Ab Aapko Apne Blog ke page Me codes insert karna Hai . Iske baad hi aapka Page active ho jayega.

1. Aap Blogger Dashboard Me jaiye aur Pages par click kijiye . Ab Aap Create Page Par Jaiye. Aur Page Editor Khol lijiye. 

2. Ab Aap Usme Contact Us ya Jo Bhi Title ho usme daliye. Aur Bagal Me Edit Html Par click karke html page editor khol lijiye. Ab Iske Baad Aap Niche Ka Diya Gaya Code Copy kar dijiye.

<style type="text/css">
.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:0}hr{position:relative;height:.75em;border:0;overflow:hidden;margin:0}hr:before{content:"";display:block;position:absolute;top:0;left:0;height:.75em;width:5.1em;background:#C4DD83;box-shadow:5em 0 0 0 #F4FCC9,10em 0 0 0 #FDCD78,15em 0 0 0 #ED786F,20em 0 0 0 #D99DBF,25em 0 0 0 #C39EDC,30em 0 0 0 #679DE2,35em 0 0 0 #62C2E3,40em 0 0 0 #F4FCC9,45em 0 0 0 #FDCD78,50em 0 0 0 #ED786F,55em 0 0 0 #D99DBF,60em 0 0 0 #C39EDC}.contactf-name,.contactf-email{float:left;width:49.25%}.contactf-name{margin-right:1.5%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:25px 0 0;padding:10px;font-size:15px;color:#ccc;border-color:#E8E8E8;border-width:2px 2px 4px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact-form-name,.contact-form-email{height:40px}.contact-form-email-message{height:100px}.contact-form-button-submit,.contact-form-button-submit:hover{margin-top:25px;width:100%;height:40px;font-size:15px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.25);background:#EE786F;border:0;border-bottom:2px solid #D4685C;outline:none;cursor:pointer;-webkit-box-shadow:inset 0 -2px #D4685C;box-shadow:inset 0 -2px #D4685C}.contact-form-button-submit:active{top:1px;outline:none;-webkit-box-shadow:none;box-shadow:none}.contact-form-cross{border:medium none !important;box-shadow:none !important;padding:0 !important;height:11px !important;width:11px !important;}
</style>
<div class="widget ContactForm" id="ContactForm22"><div class="contact-form-widget"><hr><div class="form"><form name="contact-form"><div class="contactf-name"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="Name" size="30" type="text" value="Name" onblur='if (this.value == "") {this.value = "Name";}' onfocus='if (this.value == "Name") {this.value = "";}'/></div><div class="contactf-email"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="E-mail address" size="30" type="text" value="E-mail address" onblur='if (this.value == "") {this.value = "E-mail address";}' onfocus='if (this.value == "E-mail address") {this.value = "";}'/></div><div style="clear:both"></div><div class="contactf-message"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="Type your message here..." rows="5" type="text" value="Type your message here..." onblur='if (this.value == "") {this.value = "Type your message here...";}' onfocus='if (this.value == "Type your message here...") {this.value = "";}'></textarea><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send Message" /><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>

Aapka Contact Form Is tarah Dikhega.

contact form with ribbon
Source- Helplogger.blogspot.com

3. Jab Aap Page Edit karte hai to page setting Me Aapko , Comment Section Off aur Reader Comments ko Dont allow kar dena chahiye. Iske Baad Finally Aapka kaam Ho gaya hai. 

Aap Blogger Contact Form Apne page me Add kar chuke hai.

At The End

Jab Aap Contact us Page Me Form Add Kar liye Hai to. Jab Koi Visiter Aapko is form ke jariye koi feedback bhejna chahega to Aap Ke email pe Aapka message turant mil jayega. Aapka jo email hoga wo jisse aap apna blog banaye hai.

0 Comments