Blogger Blog में Stylish Email Subscribe Widget कैसे लगाये ?

हेल्लो दोस्तों आज में आपको बताने बाला हु की Blogger Blog में Stylish Email Subscribe Widget कैसे लगाये ? अगर आप अपनी ब्लॉग में टॉप stylish email subscribe widget लगाना चाहते है तो आपको में पूरा  गाइड करूंगा ईसके लिए मेने आपके लिए बहुत सारे email widget style करके रखे है जिसे में आपको ईस पोस्ट में देने बाला हु और ईसके साथ ही आपको ये भी बता युन्गा की इसे ब्लॉगर में कैसे Add करते है और ये कैसे काम करता है , इसको  ब्लॉग में लगाने क्या फायेदे |

हर blogger चाहता है की उसके ब्लॉग का ट्रैफिक बड़े और उसके ब्लॉग को read करने बालो readers भी बड़े तो ईसके लिए जो main important fact है बो की हम अपनी ब्लॉग को कुछ इस तरह बनाये की हमारी ब्लॉग को सभी readers लाइक करे और ब्लॉग पर trust करे |

लेकिन एसा करना बहुत ही मुस्किल है हम सभी रीडर्स के मन की बात नहीं जानते है की बो हमारी ब्लॉग के बारे में क्या सोचते है | हम्हे नहीं पता है की हमारी ब्लॉग में किस रीडर्स को क्या अच्छा लगता है | लेकिन हम कुछ बातो को रीडर्स के intrest के लेबल पर ब्लॉग को बना सकते है और जिसमे सब्सी बड़ी बात है की हम ब्लॉग की डिजाईन में कुछ एसे features ऐड करे जो हमारे रीडर्स के लिए हेल्प फुल हो |

आज के टाइम ब्लॉग्गिंग का जूनून ईस कदर बढता जा रहा है की हर कोई ब्लॉग्गिंग करना चाहता है क्योंकि internet से पैसे कमाने का blogging सबसे अच्छा way है | जिसे हर कोई अपनाने को बेताब है | ईसलिए रीडर्स भी confused है की किस ब्लॉग को ओपन करू तो ईसलिए हमारे पास एक बहुत ही बढ़िया रास्ता है की हम अपनी ब्लॉग में email subscribe widget लगाये और अपने रीडर्स से हर पोस्ट के लास्ट में ब्लॉग को subscribe करने को कहे जिससे अगर आपकी ब्लॉग को कोई भी रीडर्स subscribe करता है तो जब भी आप अपनी ब्लॉग पर न्यू पोस्ट publish करेंगे तो उसकी notification आपके subscriber को मिल जाएगी | जिससे बो आपकी ब्लॉग पर दुबारा आयेगा |

Blogger Blog में Stylish Email Subscribe Widget कैसे लगाये ?

 ब्लॉग में email subscribe widget लगाना बहुत ही जरूरी है ये तो आप जान ही गए होगे लेकिन अब हम आपको ब्लॉग में ऐड करना बताएँगे जिससे आप अपनी ब्लॉग में टॉप email subscribe widget लगा सकोगे | तो निचे के स्टेप फॉलो करे |

Step 1: Copy This Code

ब्लॉग में widget लगाना बहुत ही इजी है लेकिन सबसे बड़ी बात है की डिजाईन | अगर ब्लॉग की डिजाईन के अनुसार widget ऐड नहीं किया तो भी कुछ काम का नहीं है ईसलिए ब्लॉग में सिर्फ बही widget लगाये जो रेस्पोंसिव हो और ब्लॉग के कलर के साथ मैच करे मेने पहले से ही widget को कस्टमाइज किया हुआ है जिसे मेने अपने ब्लॉग में भी ऐड किया है | 

सबसे पहले आप निचे दिए हुए कोड को कॉपी करले और धयान रहे की कॉपी करते टाइम कोई भी tag कॉपी से ने बच जाये ईसलिए अगर आप ठीक से कॉपी करे 

<style> #subscribebox{background:#576269;padding:20px;font-family: 'Fauna One',serif;}
.widget_follow_subscribe .widget-detail{padding:36px 30px 40px}
#subscribebox p{color:#fff;font-size:15px;text-align:center;font-weight:700}
.follow-subscribe-social{margin:0 0 15px;padding:0 0 14px;border-bottom:#858585 solid 1px}
.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}
.follow-subscribe-social ul li{display:inline;margin:0 15px 0 0;border-bottom:none}
.follow-subscribe-social ul li:last-child{margin:0}
.follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
.follow-subscribe-social ul li a:hover{color:#fff}
form.subscribe{margin-top:-7px}
form.subscribe input{display:block;width:100%}
.subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:.928571em;background-color:rgba(255,255,255,0.2);text-align:center;color:#fff}
.subscribe-email:focus{outline:0}
form.subscribe .placeholder{color:#cacaca}
form.subscribe input:-ms-input-placeholder{color:#cacaca}
form.subscribe input::-webkit-input-placeholder{color:#cacaca}
form.subscribe input:-moz-placeholder{color:#fafafa}
form.subscribe input::-moz-placeholder{color:#fafafa}
.subscribe-button{height:45px;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;border:none;background-color:#F35D5C;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-
out;transition:background-color .2s ease-in-out}
.subscribe-button:hover{background-color:#fff; color: black;}
.subscribe-button:focus{outline:0}
.creadit a{color: #A7A6A6; float: right; font-size: 8px;}</style>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
<link href='//fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/>

<div id="subscribebox">
<h1 style="color: white; font-size: 20px; text-align: center; font-weight: 700;"> Subscribe The Site</h1>
<div class="follow-subscribe-social">

</div>
<p style="font-size: 14px; font-weight: 500;">The Blogger Tuts Ko Subscribe Karne Ke Liye Niche Diye Huye Box Me Apni Gmail Id Dal Kar Subscribe Button Par Click Karke Subscribe Kare</p>
<form class="subscribe" action='https://feedburner.google.com/fb/a/mailverify?uri=YOUR FEEDBURNER ID' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=YOUR FEEDBURNER ID, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='YOUR FEEDBURNER ID'/>
<input name='loc' type='hidden' value='en_US'/>
<input class="subscribe-email" type='text' 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;;}' value='Your Email'/>
<input class="subscribe-button" type="submit" value="Subscribe" />
</form>
</div>

Step 4:

उपर दिए हुए कोड को कॉपी करने के बाद अब आपको email subscribe widget को ब्लॉग में ऐड करना है ईसलिए आप अपने blogger.com में लॉग इन करे और deshbord पर जाये |

1. Layout पर क्लिक करे 
2. अब sidebar में add gedget पर क्लिक करे 
3. अब आप HTML/JAVASCRIPT पर क्लिक करे 
4. अब box में उपर दिया हुआ कोड past करे और save पर क्लिक करे 
5. अब save arrengment पर क्लिक करे

तो दोस्तों उपर दिए हुए स्टेप को फॉलो करके आप अपनी ब्लॉग में एअमिल subscribe widget ऐड कर सकते है जो बहुत ही easy है | अगर आपको स्टेप फॉलो करने में कोई भी प्रॉब्लम को फेस करना पड़ रहा है तो आप निचे दिए हुए कमेंट box में कमेंट करे | में आपकी हेल्प करने में पूरी हेल्प करूंगा |