stylish feedburner subscription form

6 tips hindi me गुरुवार, दिसंबर 06, 2012

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

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

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

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

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

::-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. निम्न चित्र अनुसार प्रक्रिया पूरी करें | stylish-feed-burner

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

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

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

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

एक टिप्पणी भेजें

6 टिप्पणियाँ

* Please Don't Spam Here. All the Comments are Reviewed by Admin.

रजनीश के झा (Rajneesh K Jha)गुरु दिस॰ 06, 10:15:00 pm 2012
बेहतर प्रस्तुति !!
जवाब देंहटाएं
उत्तर
Unknownशनि दिस॰ 08, 09:29:00 am 2012
bahut accha to kya photo ke anusaar do blog ka fid ki sadsayata ek hi gejet se liya ja sakta hai
जवाब देंहटाएं
उत्तर
Unknownशनि दिस॰ 08, 12:54:00 pm 2012
तो कोड में परिवर्तन kaise karna hai vo bhi bata de coment me batana uchit nahi isi post ko apdate kar de
yadi aapne bata diya to mai apne charo blogs ka fid wala gejet bana sakunga ki nahi ya do se adhik nahi jod sakten is code ka privartan kaise karna harna bata de ...
i am just whating.....
जवाब देंहटाएं
उत्तर
Unknownशनि दिस॰ 08, 02:44:00 pm 2012
अगली पोस्ट में me hi sahi bata dijeayen ....lekin yah gejet un blogger ke bhich popular hogi jinke kai blogs hai ....sachmuch kamaal ka gejet banega...
जवाब देंहटाएं
उत्तर

टिप्पणी जोड़ें

आपकी टिप्पणी मेरे लिए मेरे लिए "अमोल" होंगी | आपके नकारत्मक व सकारत्मक विचारों का स्वागत किया जायेगा | अभद्र व बिना नाम वाली टिप्पणी को प्रकाशित नहीं किया जायेगा | इसके साथ ही किसी भी पोस्ट को बहस का विषय न बनाएं | बहस के लिए प्राप्त टिप्पणियाँ हटा दी जाएँगी |

Breaking Ticker

stylish feedburner subscription form

एक टिप्पणी भेजें

Contact form