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

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

WordPress jaisa Stylish Email Newsletter ( Subscribe widget ) blogger blog मे पोस्ट के नीचे कैसे add करें

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

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

Newsletter-widget-kaise-add-kare-post-ke-niche
Subscribe box Demo

यहाँ पर जिस 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 नहीं करेगा

loading...

(adsbygoogle = window.adsbygoogle || []).push({});

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

ये भी पढ़े..  Blogger Blog me popular post widget kaise add kare

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 

loading...

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

whatsapp messanger Chat widget blogger blog me कैसे add kare 

Facebook messanger chat widget blogspot blog me kaise add kare

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

WordPress jaisa Stylish Subscribe box Blogger blog me post ke niche kaise add kare

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> 

(adsbygoogle = window.adsbygoogle || []).push({});

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

ये भी पढ़े..  ब्लॉग कमेंटिंग क्या है कैसे करें ( ब्लॉग कमेंटिंग इन हिन्दी )

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

<div id=’subscribe-box’> <center>

<br>          </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://hindivhelp.co.in/’ rel=’dofollow’ target=’_blank’> Get This Widget</a></div>

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

(adsbygoogle = window.adsbygoogle || []).push({});

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

<div style=’clear:both’/>

loading...

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

ये भी पढ़े..  Auther box html code se add kare

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

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

About Mr Manish

मै मनीष www.hindivhelp.co.in का Founder हूं इस ब्लॉग पर हिन्दी भाषा मे, पैसा कमाए इंटरनेट से, इंटरनेट टिप्स , नया ब्लॉग स्टार्ट करे , की जानकारी शेयर की जाती है हमें इसी तरह सपोर्ट करते रहे. Learn More

 

Leave a comment

 

This site uses Akismet to reduce spam. Learn how your comment data is processed.