ब्लॉग/वेबसाइट में Stylish ईमेल सब्सक्राइब बॉक्स विजेट कैसे करे

अगर आप एक ब्लॉगर है तो आपको ये तो पता ही होगा कि इमेल सब्सक्राइबर ब्लॉक के लिए कितने जरूरी होते हैं और शायद आप इमेल डिलीवरी कि कोई सर्विस इस्तेमाल कर भी रहे होंगे लेकिन नए ब्लॉगर को यह कंफ्यूज बनी रहती है कि इमेल सब्सक्राइब है क्या और ईमेल डिलीवरी की कौन सी सर्विस बेस्ट रहती है इस पोस्ट में हम इसके बारे में ही बात करने वाले हैं।

पुराने विजिटर को हमारी नए पोस्ट की नोटिफिकेशन मिले और वो फिर से हमारे ब्लॉग पर आये  इसके लिए हम ईमेल सर्विस इस्तेमाल करते हैं।

Email Subscription क्या है?

ईमेल सर्विस यानी जब कोई आपके ब्लॉग को सब्सक्राइब करता है तो उसे आपकी नए पोस्ट का ईमेल मिलता है जिससे वो आपकी पोस्ट पढ़ने के लिए आपके ब्लॉग पर विजिट करेगा। ईमेल डिलीवरी में सबसे जरूरी, बेहतर और फ्री सर्विस है Feed Burner जो सबसे ज्यादा पॉपुलर और अच्छे क्वालिटी सर्विस है।

Feedburner क्या है?

Feedburner एक ईमेल सर्विस है जिसे Google ने स्टार्ट किया था इसका काम होता है हमारे नए पोस्ट को सब्सक्राइबर के पास ईमेल भेजना जिससे ब्लॉग की ट्रैफिक बढ़ाने में मदद मिलती है फ्री और बेहतर होने से Feedburner नंबर वन इमेल सर्विस है।

ब्लॉग में Email Subscribe विजेट कैसे ऐड करें ?

आपके पास ब्लॉग में ईमेल विजेट ऐड करने के 2 ऑप्शन है। 1. Google ने ब्लॉगर में पहले से Follow by email कि सर्विस दी हुई है। 2. एक्स्ट्रा कोड से अपनी मनपसंद की ईमेल सब्सक्राइब विजेट ऐड करना  इस पोस्ट में हम ब्लॉगर में पहले से मौजूद विजेट के बारे में सीखेंगे।

1 सबसे पहले अपने ब्लॉग के Dashboard  में जाये।

2. अब Layout पर जाये और Add Widget पर Click करें।

3 फिर Follow by Email पर Click करें।

अब जो पेज ओपन होगा उसमें अपने हिसाब से Setting करें।

1. Email Subscribe विजेट का Title अपने पसंद से करें।
2. अपना Feedburner link ऐड करें।
3. Save पर Click करें।

Save पर क्लिक करे और उसके बाद  Save Arrangement  क्लिक कर दे.

 अब आपका  ब्लॉग ओपन करके यहां आपके ब्लॉग टेम्पलेट से रिलेटेड कलर का सब्सक्राइब विजेट ऐड हो जाएगा।

अगर आपको ये सब्सक्राइब विजेट पसंद ना आए हो तो कोई बात नहीं आप सब्सक्राइब विजेट कलर कोड इस्तेमाल करके मनपसंद का सब्सक्राइब विजेट लगा सकते हो।

Blog में स्टाइलिश सब्सक्राइब बॉक्स विजेट कैसे ऐड करें।

1. Blogger Dashboard  में जाये।
2. edit/HTML पर क्लिक करे।

3. Edit HTML  पर क्लिक करे (theme का beckup जरुर ले)
4. Control + F  दबाकर ]]></b:skin> f यह कोड सर्च करे.

5. मिल जाने के बाद ]]></b:skin>  के उपरे निचे बताये गए  CSS  कोड कॉपी करके पेस्ट करे.

/*——- Stylish Sidebar Subscription Box Widget by www.onlinemehelp.com——*/
#onlinemehelp-sub {
padding: 0;
margin: 0;
width: 100%;
border-radius: 1px; border: 0;
background: #ff6600;
}
#onlinemehelp-sub .heading {
padding: 10px 10px 5px 10px;
font-family: “Oswald”, sans-serif;
font-size: 30px; color: #FFF;
text-align: center;
margin: 0;
line-height:1.5;
}
#onlinemehelp-sub .rssform {
padding: 0px 20px;
margin: 16px 0px -15px 0px;
color:#fff;
}
#onlinemehelp-sub .rssform input {
padding: 8px;
font-size: 13px;
color:#fff;
font-family: “Avant Garde”,Avantgarde,”Century Gothic”,CenturyGothic,AppleGothic,sans-serif;
font-weight: normal;
background:#cc5200;
width: 100%;
outline: none !important;
border: none;
border-radius: 1px;
box-sizing: border-box !important;
-moz-box-sizing:border-box;
}
#onlinemehelp-sub .rssform .button {
background: #FFF;;
color:#cc5200!important;
border: 0;
margin-top: 15px;
outline: none !important;
transition: all .3s ease-in-out;
width: 100%;
padding: 6px !important;
float: none;
text-transform: uppercase;
font-family: “Oswald”, sans-serif;
font-size: 18px;
font-weight: normal;
cursor: pointer;
}
#onlinemehelp-sub .credit a {
color:#FFF;
text-align:center;
font-family: “Oswald”,sans-serif;
text-decoration:none !Important;
}
#onlinemehelp-sub .credit {
font-family: “Oswald”,sans-serif;
text-align: center;
font-size: 12px;
padding: 0px;
line-height: 30px;
}

6. लास्ट में Save Theme पर क्लिक  कर दे 

यह हो गया आपका एक पार्ट कम्पलीट, दूसरा पार्ट "add a widget" में CSS Code d  डालना होगा इसके लिए निचे दिए गए स्टेप को फॉलो करे 

उपरे edit HTML में कोड डालने के बाद आगे बताये गए स्टेप्स को फॉलो करे - 

7. Blogger Dashboard >Layout पर क्लिक करके Right Side या Left Side में Add a Widget पर Click करे 

8. फिर एक  नया पेज खुलेगा जिसमे HTML/JavaScript पर क्लिक कर दे 

9. निचे दिए गए कोड को कॉपी करके खाली बॉक्स में पेस्ट कर दे
इस कोड में OnlineMeHelp की जगह पर अपना Feedburner Address डाल दे और Save कर दे ।

<div id=’howhindi-sub’><div class=’heading’>GET OUR LATEST POSTS IN YOUR INBOX</div><div class=’rssform’> <form action=’http://feedburner.google.com/fb/a/mailverify’ method=’post’ target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=howhindi’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=850′);return true”> <input type=’text’ name=’email’ placeholder=’Enter your email address…’ /> <input type=”hidden” value=”howhindi” name=”uri”/> <input type=”hidden” name=”loc” value=”en_US”/><input value=”Subscribe Now” class=”button” type=”submit” /></form></div><div class=”credit”><a href=”https://www.onlinemehelp.com/2018/02/email-subscription-feed-burner.html?m=1”>Get This Widget</a></div></div>

10. और Save Arrangement पर क्लिक करके Save कर दे 

अब Blogger को ओपन करके देखिये आपके ब्लॉग में ईमेल सब्सक्राइब बॉक्स विजेट हो गया है 
I hope आपको ईमेल सब्सक्राइब बॉक्स कैसे लगता है, ब्लॉगर में Sitebar में ईमेल सब्सक्राइब बॉक्स ऐड करने में कोई प्रॉब्लम आती है तो आप निचे कमेंट करके सवाल पूछे और हमारा Facebook पेज Like और शेयर करना ना भूले धन्यवाद