Stylish Subscribe box ब्लॉग Post के नीचे कैसे ऐड करें

Email Subscribe box पोस्ट के नीचे कैसे ऐड करें

आप ब्लॉगर है तो एक ब्लॉग को पॉपुलर बनाने के लिए Newsletter Widget कितना इम्पोर्टेन्ट है ये आप अच्छी तरह जानते है बहुत ऐसे ब्लॉगर है जो फ्री ब्लॉग बनाकर ब्लॉग्गिंग करते है और वो अपने ब्लॉग को बिलकुल wordpress ब्लॉग की तरह डिज़ाइन किए हुए है i mean ब्लॉग मे इम्पोर्टेन्ट widget को coding की मदद से बिलकुल wordpress widget की तरह डिज़ाइन किए हुए है

यहाँ पर जिस Email Subscribe box की मैं बात कर रहा हूं वो Email Subscribe widget मेरे ब्लॉग के Sidebar मे लगा हुआ है आप देख सकते है अगर आपको हमारे ब्लॉग का Newsletter widget पसंद है तो आप इस पोस्ट को जरूर read करें ये fully Customize Code है अगर आपको Coding की Knowledge है तो आप इसका डिज़ाइन अपने theme के अनुसार कर सकते है but Coding की knowledge नहीं है तो Code को edit Remove नहीं करें नहीं तो Code गलत edit हो जाएगा जिस कारण से widget work नहीं करेगा

मैंने और भी कई पोस्ट की है सब्सक्राइब box से रिलेटेड आप उन्हें भी read करें वो सभी भी Stylish और amazing Email सब्सक्राइब widget है जो आपको बहुत पसंद आएगा

Follow By Email Newsletter Widget Blogger blog me kaise add kare 

20+ Stylish Simple Clean Subscribe box Blogger blog ke liye

Pop up Email Newsletter widget blogspot blog me kaise add kare

Mail me Button Blogspot blog me kaise add kare

Search box blogger blog me kaise add kare 10 Full Responsive Search Box 

Whatsapp Share button blog me kaise add kare

Social media Share button blog post ke ऊपर nicheniche kaise add kare

Stylish Social media Share button blogger blog post ke ऊपर नीचे kaise लगाए 

Default auther box ko proffessional auther box kaise banaye 

Facebook Comment box blogger blog me kaise add kare -2 method

Online per-day 50 doller kaise kamaye

Blogger blog के सभी पोस्ट के ऊपर नीचे एडसेंस का ऐड कैसे लगाए 6 – method

Facebook messanger chat widget blogspot blog me kaise add kare

Comment policy page blog ke liye kyo jaruri hai comment policy page kaise banaye 

Step.1 first आप नीचे दिए गए Css Code कॉपी करें

#subscribe-box {background-color:#f1f1f1;font-family: 'PT Sans', sans-serif;} #subscribe-box p {font-size:22px;color:#fff;line-height:20px;padding:10px 20px 0 20px;margin:0;} #subscribe-box .emailfield {padding:0px 20px 10px;} #subscribe-box .emailfield input {background:#;color:#bbb;padding:10px;margin-top:10px;font-size:13px;width:91%;border:0;transition:all 0.4s ease-in-out;} #subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;} #subscribe-box .emailfield .submitbutton {background:#436EEE;color:#fff;text-transform:uppercase;font-weight:700;font-size:18px;font-family: 'PT Sans', sans-serif;;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;} #subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#fff;color:#000000;} #subscribe-box .emailfield .submitbutton:hover{background:#fff;color:#444;} .creadit a{color: #A7A6A6; float: right; font-size: 8px

Step.2 Blogger >> dashboard Theme >>> Edit html >>> Theme मे नीचे दिया गया Code Search करें

</style> 

Code मिल जाने के बाद Css Code को </style> के ऊपर पेस्ट करें

Step.3 अब ये Code कॉपी करें

<div id='subscribe-box'> <center><br> <h2> Join our newsletter </h2>Subscribe for our all latest news and updates</center> <div class='emailfield'> <form action='http://feedburner.google.com/fb/a/mailverify?uri=HindivHelp' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Hindivhelp, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=1024,height=520&apos;);return true' target='popupwindow'> <input name='name' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Name&quot;;}' onfocus='if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}' type='text' value='Your Name'/> <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' type='text' value='Your Email'/> <input name='uri' type='hidden' value='USER Name'/> <input name='loc' type='hidden' value='en_US'/> <input class='submitbutton' type='submit' value='Subscribe Now'/> <h6>*we respect your privacy and take protecting*</h6><br>       </br></form> </div> </div> <div class='creadit'> <a href='https://successbranch.com/' rel='dofollow' target='_blank'> Get This Widget</a></div>

Customization ; Yellow Color का text है HindivHelp उसे delete करके वहाँ अपने Feedburner Id डाले

Step. 4 Theme मे Ctrl +f की मदद से नीचे दिया code Search करें

<div style=’clear:both’/>

Code मिल जाने पर ऊपर Second Code कॉपी किया है उसे इस Code के नीचे Peste करें फाइनली Theme Save कर दे

Note ; Theme मे <div style=’clear:both’/>
2-3 जगह हो सकते है आपको First code के नीचे code पेस्ट करना है

Congrats; आपने अपने blogspot ब्लॉग मे Worpdress जैसा प्रोफेशनल स्टाइलिश Email Subscribe Widget पोस्ट के नीचे add कर लिया है उम्मीद करता हूं आपको हमारा ये आर्टिकल पसंद आया सब्सक्राइब बॉक्स से रिलेटेड किसी भी प्रकार के सवाल जवाब हो तो हमें कमेंट मे जरूर बताए and पोस्ट को सोशल साइट्स पर जरूर शेयर करें