Custom contact form for blogger

Direct mail contact form with attractive design and features 

Hello doston Aaj ham aapke liye lekar aaye Hain ek aisa contact form jiski madad se aap apne user se contact ho sakte hain directly apni email ke dwara aur sare contact form me likhe hue text aapke email per hi redirect honge jitne bhi message aaenge aapke email par direct Ho jaenge

kyunki koi bhi aur script ya site use karne se aapko Apne users ka email nahin mil pata hai lekin iski madad se aap user ka email aur kis link se visitor contact kar raha hai yah sari jankari aapko prapt email me mil jayegi 

Demo

Best contact form for blogger 

Yah blogger ka best contact form hai ismein aapko koi bhi script ya link add nahin karna hai yah aapka khud ka contact form hoga yah koi third party app se juda hua nahin hai ismein aapko behtarin design Kiya gaya hai jo ki har device per responsive hai aur ismein shandar background and effect lagaye gaye hain jo ki ek eye catching look dete Hain 

Ek offline form hai aur iski madad se Banda aapke sath contact Ho Sakta hai sidhe aapke email per blogger mein contact form milta hai Lekin vah Kai team mein Kam nahin karta hai aur aap usko pages mein lagane mein dikkat hota hai lekin aap isko kisi bhi post ya pages me use kr skte hai 

Colours in blogger contact form 

Ismein aapko do tarah ke background mil jaate Hain jismein ek to image hai aur dusra gradient background hai jiska CSS se turn on kar sakte hain by uncommenting the CSS off background color aap jo bhi CSS background ki value sabse top rahegi vah Manya nhi hogi niche wali Manya hogi

Extra features 

Ek gradient contact form hai jismein aapko vah URL hi pata lag jaega jis URL se bande ne aapko contact Kiya hai Jahan se vah land hokar aaya hai aapko email bhejne ke liye 

Isme Koi bhi encrypt script ya third party web integration nahin hai yah ek pure CSS and JavaScript contact form hai jo ki Keval normal coding language se banaya Gaya

Contact form ki jarurat kya hai 

Contact form ka use ham log logon ka feedback Lene ya fir solve karne ke liye ya fir Apne website per broken links ko handle karne ke liye karte hain ya fir Apne website ke visitors ki mushkilon ko HAL karne ke liye contact form ka use karte hain 

Kya contact form website me lgana jaruri hai 

Han, agar aapke website mein contact form rahega to collaborators ko aur visitors ko aapse contact Karen aasani rahti hai , lekin agar aap private writer hai aur khud ko hide rakhna chahe aur khud Ko private rakhna chahe ya fir apna chehra aap nahin dikhana chahte Hain to aap contact form ko chhod bhi sakte hai 

Note: - Google AdSense ka approvel lene ke liye bhi yah jaruri hota hai

<!-- contact form from dktechnozone.in by @dhanjeerider -->
<style>
 #contactForm{
   background: url('https://img.freepik.com/premium-photo/businessman-holding-tablet-with-email-flying-hologram_693425-10216.jpg');
   background-size: cover;
   padding: 20px;
   color: white;
   background-position: center top;
   background-repeat: no-repeat;
   border-radius: 10px;
   border: 1px solid #bfd5ff95;

/* un comment to give a gradient background instead of image */

 /* background: linear-gradient(45deg,#f800ff,#ff2a15);
  */
   }
    #contactForm form {
    max-width: 800px;
    margin: 0 auto;
    font-weight: bold;
    color: white;
  }
 #contactForm input[type="text"], input[type="email"], textarea {
    width: 100%;
    padding: 10px;
    margin: 5px 0;
    box-sizing: border-box;
    color: white;
  }
  #contactForm input[type="submit"] {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
  }
  input[type="submit"]:hover {
    background-color: #45a049;
  }
  
 
  #contactForm input,textarea{
      background: transparent;
       border: 1px solid #ccc;
       border-radius: 5px;
        }  
 #contactForm .brl{
     background: transparent;
     backdrop-filter:blur(3px);
     padding: 20px;
      border-radius: 20px;
  border: .5px solid #ccc;
 }
 #contactForm .brl:hover{ backdrop-filter:blur(10px); transition: 1.2s;}
 /* contact form from dktechnozone.in by @dhanjeerider */
</style>

<!-- contact form from dktechnozone.in by @dhanjeerider -->
<form id="contactForm">
 <div class="brl"> <label for="name">Name:</label>
  <input type="text" id="name" name="name" required>
  
  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required>
  
  <label for="message">Message:</label>
  <textarea id="message" name="message" rows="4" required></textarea>
  
  <input type="submit" value="Submit"></div>
</form>

<script>
document.getElementById('contactForm').addEventListener('submit', function(event) {
  event.preventDefault();
  
  var formData = new FormData(this);
  var message = '';
  
  formData.forEach(function(value, key) {
    message += key.charAt(0).toUpperCase() + key.slice(1) + ': ' + value + '\n';
  });
  
  var currentUrl = window.location.href;
  message += 'URL: ' + currentUrl + '\n';
  
  var emailBody = encodeURIComponent(message);
  window.location.href = 'mailto:dkkr5558@gmail.com?subject=Contact%20Form&body=' + emailBody;
});
</script>
<!-- contact form from dktechnozone.in by @dhanjeerider -->
  

Is custome blogger contact form ko kaise use Karen? 

Apko keval code copy krna hai aur niche javascript ke code me apna email change krna hai yani ki dkkr5558@gmail.com ko apne email se, bas apka kaam ho gya ✅

Conclusion 

Bhoot dino se mai aisa contact form bnana chahta tha jo free ho aur bina kisi third party script ke ho aur aaj bna liya kuchh log hmare group me bhi iski demand kr rhe the ,ye code bilkul pure and safe hai jo apki site ki speed me 1% ki bhi effect nhi dalega 

Last word

In this post we will provided information about Custom contact form for blogger , If you enjoy this post, kindly share it with your friends. For any queries, feel free to join our Telegram channel, where we share exclusive and informative content. Many valuable tips are exclusively available on our Telegram channel. Stay updated with your favorite source, DK Technozone.