Free Top 6 Stylish Email Subscriptions Form Ke Liye Code
दोस्तों अब आप को पता ही हैं की Email Subscribe Widget हमारे Website (Blog) के लिए कितना जरुरी हैं. इसके बारे में पहले ही बता चूका हु.
अगर आप ने पढ़ा नहीं हैं तो जरूर पढ़े और जाने क्यों जरुरी होता हैं हमारे ब्लॉग या वेब साईट के लिए?
अगर आप ने पढ़ा नहीं हैं तो जरूर पढ़े और जाने क्यों जरुरी होता हैं हमारे ब्लॉग या वेब साईट के लिए?
आज हम सीखने वाले हैं इस आर्टिकल के माध्यम से , कैसे अपने Email Subscriptions को Customize करके stylish बना सकते हैं अपने ब्लॉग की थीम के अनुसार, आप के ब्लॉग पर आये visotor Subscribe कर सके.
तो देर कैसी आईये सीखते हैं आज कैसे Design करके Stylish तरीके से अपने ब्लॉग पर Feedburner Email Subscription का Form लगाते हैं.. और उन Form का क्या Code हैं.
Top 6 Customize Feedburner Email Subscription Form
दोस्तों अपने ब्लॉगर को ओपन कर लेना और उसके बाद आप को Layout पर क्लिक करे अब एक पेज ओपन होगा वहा पर Gadget को जैसे ही Gadget पर क्लिक करेंगे तब आप को HTML/JavaScript दिखेगा अब उसे Click करे .
दोस्तों पिछली पोस्ट में हमने ये भी बताया था Email Subscriptions ko Kaise Enable/Activate Kare, और अपने ब्लॉग में कैसे ऐड करे. इसे भी पढ़े Feedburner Activate Kare
आप ने पिछली पोस्ट पढ़ ली होगी की कैसे ऐड करते हैं ब्लॉगर में Code को अब हम बताते हैं कैसे Email Subscriptions को Customize करके कैसे stylish बना सकते हैं. और उसके क्या Code हैं..
Stylish Email Subscriptions Form Ke Liye Code | |
---|---|
<style>#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1pxsolid #1A2638; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)}#mbt-sub-box h2{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparentborder:medium none;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:90%; color:#666; font-family:georgia; margin-bottom:5px;}#mbt-sub-box .submit{border:1pxsolid #369a18;background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center top , #369A18, #205F0D) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:10px;text-shadow:0 1px 2px #000;width:95%; font-family:georgia; margin-left:5px;}#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}#mbt-sub-box .submit a:active{background: #205F0D}</style><b:if cond='data:blog.pageType == "item"'><div id="mbt-sub-box"><h2>Subscribe Kare</h2><form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=wahh/OtTb', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == "") {this.value = "Enter Your Email Address...";}' onfocus='if (this.value == "Enter Your Email Address...") {this.value = ""}' size='30' type='text' value='Enter Your Email Address...'/> <input name='uri' type='hidden' value='wahh/OtTb'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe Now'/></center></form></div></b:if> |
Stylish Email Subscribe Widget Hindi Bloggers Ke Liye
|
|
---|---|
|
|
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/> <div id='responsiveness'> <p style=" line-height:0px; font-size:7px; font-weight:bold; text-align:right"><a style="color:#D3D3D3;" href="http://www.wahh.in">widgets</a></p> <h5> Email Par Subscribe Kare</h5><form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=wahh/OtTb', 'popupwindow', 'scrollbars=yes,width=550,height=550');return true"> <input class="placer" type='text' name='email' placeholder='Apna Naam Likhe' /> <input class="placer" type='text' name='email' placeholder='Email Id Likhe' /> <input type="hidden" value="wahh/OtTb" name="uri"/> <input type="hidden" name="loc" value="en_US"/> <input value="Subscribe Kare" class="button" type="submit" /> </form> </div><style> #responsiveness { padding: 15px 25px 20px; line-height: 35px; text-align: center; background: none repeat scroll 0% 0% #1E1E1E; margin: -15px; border-radius: 3px; } #responsiveness h5 { font-size: 17px; font-weight: 700; font-family: 'PT Sans',sans-serif; color: #FFF; padding: 0px; text-transform: uppercase; line-height: 1.2; margin: 10px 0px 15px; letter-spacing: 0.01em; text-align: left; } input.placer { color: #333; padding: 15px; font-size: 14px; font-family: PT Sans,sans-serif; border: 1px solid #EEE; transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; margin: 10px auto 0px; border-radius: 3px; width: 89%; } input.button { background-color: #BA1A00; color: #FFF; font-weight: 400; cursor: pointer; border-radius: 4px; text-transform: uppercase; font-family: PT Sans,serif; padding: 10px 15px; border: medium none; font-size: 16px; width: 100%; margin: 15px auto 0px; } input.button:hover{ background: #FFF; color: #333; } </style> |
Stylish Email Subscriptions Form Ke Liye Code | |||
---|---|---|---|
|
|||
<style type='text/css'>#sidebar-subscribe-box{background:url(http://1.bp.blogspot.com/-IyEBRR8yOQQ/UBhYdBd23PI/AAAAAAAAFTU/aeW3JdAlrCs/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(http://2.bp.blogspot.com/-tUlo5p5gP8o/UBhYciGNgwI/AAAAAAAAFTM/x22pIuNLVPw/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(http://1.bp.blogspot.com/-JMYdQsIa9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(http://1.bp.blogspot.com/-n5s9Bu0JCgg/UA_AfQ5qLkI/AAAAAAAAFMU/G9FOuh4SP7k/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}</style> <div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>Hume Email Par Subscribe Kare Aur Post Ke Free Updates Paye .</p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=wahh/OtTb" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=wahh/OtTb', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="wahh/OtTbfeeds" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Email Id Likhe :)"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Kare !" /></form></div> <p style=" line-height:0px; font-size:7px; font-weight:bold; text-align:right"><a style="color:#D3D3D3;" href="http://www.wahh.in">widgets</a></p></div></div> |
Stylish Email Subscriptions Form Ke Liye Code | |||
---|---|---|---|
|
|||
<center> <div align="center" id="wahh/OtTb-Subscribe-wrapper"> <div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 264px"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=wahh/OtTb', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input class="name" id="wahh/OtTb_Subscriber_name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Apka Naam" /><br /> <input class="email" id="wahh/OtTb_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Email Address" /><br /> <div class="separator" style="clear: both; text-align: center;"> </div> <input name="uri" type="hidden" value="wahh/OtTb" /><input name="loc" type="hidden" value="en_US" /> <input id="wahh/OtTb_Submit_Text" style="width: 130px; padding: 5px 0;" type="submit" value="Submit Kare" /></form> <p style=" line-height:0px; font-size:7px; font-weight:bold; text-align:right"><a style="color:#D3D3D3;" href="http://www.wahh.in">widgets</a></p> </div> </div> </center> <style>#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9; background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important; text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px; margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif; padding: 5px;border: none;}#ig-subscription-optin input.name { background: white url(http://www.wahh.in/-Jl2lcnXe42Y/UOb49YMFH8I/AAAAAAAAAiA/hOnOANR83gc/s1600/subscribe-name.png) no-repeat center right;} #ig-subscription-optin input[type="text"] {border: 1px solid #111 !important; font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;} #ig-subscription-optin input.email {background: white url(http://www.wahh.in/-dcien5QLnB8/UOb4N7eNU1I/AAAAAAAAAhw/NxzO8UXjgG4/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input { font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important; font-weight: bold !important;line-height: 26px !important;letter-spacing: normal; text-transform: none;text-decoration: none; text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif; border: none;padding: 0px !important;float: none;}input:hover[type="submit"] { background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2; color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input { color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(http://www.wahh.in/-nmlWGnTX5y4/UOb44zqKGBI/AAAAAAAAAh4/Aaa-E2D0Umk/s1600/subscribe-red.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important; padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;} #ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;} .credit p{ font-size: 10px;}</style> |
Stylish Email Subscriptions Form Ke Liye Code | |||
---|---|---|---|
|
|||
<link href='http://fonts.googleapis.com/css?family=Oswald:400' rel='stylesheet' type='text/css'/> <style> #wahh/OtTb-FeedBurner { border: 1px solid #CCCCCC; padding: 10px 0; text-align: center; width: 298px; } #wahh/OtTb-FeedBurner input[type="text"] { border: 1px solid #BBBBBB; font-size: 13px; margin: 0 0 15px 0; padding: 10px; width: 80%; color:#888; } #wahh/OtTb-FeedBurner input { box-shadow: 0 2px 2px #BBBBBB; -moz-box-shadow: 0 2px 2px #BBBBBB; -webkit-box-shadow: 0 2px 2px #BBBBBB; } #name { background: url(http://i.imgur.com/XrHTe.png) no-repeat scroll right center #FFFFFF; } #email { background: url(http://i.imgur.com/2BCD0.png) no-repeat scroll right center #FFFFFF; } #wahh/OtTb-FeedBurner input[type="submit"] { background: #6065f8; border: 1px solid #192126; color: #FFFFFF; cursor: pointer; font-size: 16px; font-weight: bold; height: 40px; margin-top: 5px; padding: 8px 0; text-transform: capitalize; width: 87%; } #wahh/OtTb-FeedBurner input[type="submit"]:hover { background: none repeat scroll 0 0 #1319da; transition: all 0.5s; } </style> <!-- wahh/OtTb FeedBurner Subscription Form --> <div id="wahh/OtTb-FeedBurner"> <form onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=wahh/OtTb', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify"> <input type="hidden" name="uri" value="wahh/OtTb" /><p><font size="2" color="#990000">FOLLOW BY EMAIL</font><br/><br/> <input type="hidden" value="en_US" name="loc" /> <input type="text" id="name" name="name" onfocus="this.value=''" value="Apna Email Dale" placeholder="Apna Email Dale" /> <input type="submit" value="Subscribe Kare!" id="submit" name="submit" /> </p></form> </div> <p style=" line-height:0px; font-size:7px; font-weight:bold; text-align:right"><a style="color:#D3D3D3;" href="http://www.wahh.in">widgets</a></p> |
दोस्तों ध्यान दे यहाँ :-
इस code को जब अपने ब्लॉग के Layout के Gadget में जाकर HTML/JavaScript बॉक्स में Paste करने से पहले इन code को थोडा Edit कर ले. जहा-जहा कोड में Red Color में लिखा हुआ wahh/OtTb नज़र आये वहा पर आप अपने Google FeedBurner का एड्रेस डाले..
- Jane Kya Hain RSS Feed ? Kaise Banaye Feedburner Account
- Fetch Kya Hain? Apani New Post Ko Kaise Fetch Kare Google Search Console Par?
- Jane Blogger Blog ko Google Search Console me kaise Add ya Submit kare ?