stylish feedburner subscription form

अपने ब्लॉग पर स्टायलिश ईमेल सब्क्रिप्शन फार्म कैसे स्थापित करें ?

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

लेकिन मैं उस पुराने ईमेल सब्क्रिप्शन फ़ार्म की बात नहीं कर रहा | मैं एक नये स्टायलिश फीड-बर्नर ईमेल सब्क्रिप्शन फॉर्म की बात कर रहा हूँ इसे आप दायीं तरफ दिखाई दे रहे चित्र में देख सकते हैं |
इस स्टायलिश फीड-बर्नर ईमेल सब्क्रिप्शन फॉर्म को अपने ब्लॉग पर स्थापित करना बहुत आसान है | इसे आप मेरे ब्लॉग के साइडबार में लगा देख सकते हैं | सबसे पहले आप ये जान लें कि इस फार्म को अपने ब्लॉग पर स्थापित करने के लिए करना क्या है ? आप ब्लॉग की नीचे देखें कि फीड बर्नर का URL कुछ इस तरह से होता है :-
http://feeds.feedburner.com/cityjalalabad
http://feeds.feedburner.com/techprevue
आपने उपरोक्त दो लिंक में देखा की जो टेक्स्ट नारंगी रंग में लिखा गया है वो आपके ब्लॉग की फीड-बर्नर पर दिखाई देने वाली फीड का फीड पता होता है | आपने सिर्फ इस पते को निम्न दिखाई दे रहे कोड-मेकर में भर कर
1. अब अपने ब्लॉग पर लाग इन करें (यदि पहले से लाग इन हैं तो ऐसा न करें)
2. लिंक बनाएं बटन पर क्लिक करना है |
3. Highlight Code बटन पर क्लिक करने के पश्चात CTRL + C इन दोनों कीज़ को एक साथ दबाना है | इस प्रकार करने से स्टायलिश फीड-बर्नर ईमेल सब्क्रिप्शन फॉर्म को अपने ब्लॉग पर स्थापित करने वाला कोड कापी हो जायेगा |
4. आपने पता कहाँ पर भरना है इसे आप निम्न चित्र से भी समझ सकते हैं |

फीड-बर्नर का पता यहाँ लिखें
फीड-बर्नर का पता यहाँ लिखें
	आपका लिंक यहाँ पर है इस कोड को कापी करें व जहाँ पर भी आप इसका प्रयोग करना चाहते हैं उस जगह पर पेस्ट कर दें

5. निम्न बटन पर क्लिक करें |

<style type="text/css"> input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ::-moz-focus-inner { padding: 0; border: 0; } :-moz-placeholder { color: #999 !important; } ::-webkit-input-placeholder { color: #999; } .subscribe {margin: 10px auto;padding: 20px;width: 255px;height:225; background: white;border-radius: 5px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);} .subscribe-pitch { padding-left: 100px; height :100px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiSTCV2tZyPTDqIUCLeoFR8O4IfI28wHtAR23yrjzv0M0X0Xnvf6XRyVI2Gld_lQisZoH1ONZaONrpGoKNHGrjS0xn6l4HP0sX4SS96Qby6EHzkN-1J_lkX8W7IXoT3eIuM8Q8Jsbnp6Y/s1600/email.png") 5px center no-repeat;} .subscribe-pitch > h3 {margin: 0 0 14px;font-size: 10px;font-weight: bold; color: #222;text-transform: uppercase;} .subscribe-pitch > p {line-height: 22px;color: #484848;} .subscribe-form {position: relative;margin: 20px -20px -20px;padding: 15px; background: #fafafa;border-top: 1px solid #ccc;border-radius: 0 0 6px 6px; background-image: -webkit-linear-gradient(top, #fafafa 0%, #eaeaea 50%, #e1e1e1 51%, #f2f2f2 100%); background-image: -moz-linear-gradient(top, #fafafa 0%, #eaeaea 50%, #e1e1e1 51%, #f2f2f2 100%); background-image: -o-linear-gradient(top, #fafafa 0%, #eaeaea 50%, #e1e1e1 51%, #f2f2f2 100%); background-image: linear-gradient(to bottom, #fafafa 0%, #eaeaea 50%, #e1e1e1 51%, #f2f2f2 100%); -webkit-box-shadow: inset 0 1px white;box-shadow: inset 0 1px white;} .subscribe-input { padding: 0 16px; width: 265px; height: 35px; font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif; font-size: 15px; color: #444; background: #fefefe; background-clip: padding-box; border: 1px solid; border-color: #999 #aaa #aaa; border-radius: 20px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px #f8f8f8; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px #f8f8f8; } .subscribe-input:focus { outline: 0; } .subscribe-submit { display: block; position: absolute; top: 15px; right: 15px; padding-left: 15px; height: 35px; width: 60px; background: #60e160; border: 1px solid; border-color: #4c9d50 #4c9d50 #4c9d50 #55af5a; border-radius: 0 20px 20px 0; cursor: pointer; font: 0/0 serif; text-shadow: none; color: transparent; background-image: -webkit-linear-gradient(top, #84f087, #4cd94a); background-image: -moz-linear-gradient(top, #84f087, #4cd94a); background-image: -o-linear-gradient(top, #84f087, #4cd94a); background-image: linear-gradient(to bottom, #84f087, #4cd94a); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } .subscribe-submit:active { background: #4cdf4d; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .subscribe-submit:before { content: ''; display: block; margin-top: 1px; width: 25px; height: 19px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisLgvHM9TDUI9ZMblzZZUVlbWJcVLBfjs7maVifi2WhgkdV6msIZN09lyu9JYxGShg1e1lOty8AYEAwvbScVoi4ov6zD1D0pyxPKmQ7UPUW5mOpQJCjUrmbwxD3xNdQfJFMJ06apITWuk/s1600/tick.png"); } .lt-ie9 .subscribe-input { line-height: 33px; } </style>

6. निम्न चित्र अनुसार प्रक्रिया पूरी करें |

स्टायलिश फीड-बर्नर ईमेल सब्क्रिप्शन फॉर्म आपके ब्लॉग पर स्थापित हो जायेगा |

नोट : किसी भी प्रकार की मुश्किल पेश आने पर आप मुझसे संपर्क कर सकते हैं |

क्या आपको ये लेख पसंद आया ? यदि हां !!! तो टिप्पणी अवश्य दें ताकि निरंतर लिखने की चाह बनी रहे |

"टिप्स हिन्दी में ब्लॉग" की हर नई जानकारी अपने मेल-बॉक्स में मुफ्त पाएं !