Blog Ke Liye Top 5 Responsive and Fast Loading Email Subscription Widget

Hello Dosto,
इस post में मैं आपके साथ 5 Subscription Widget Share करने वाला हूँ। सारे widgets fast loading और responsive widget है। इससे आपके Blog के Loading Time पर कोई असर नही पड़ेगा। मैं आपको 5 Style के Widget का Code बता रहा हूँ। आपको जो widget अच्छा लगे उसे अपने Blog पर Add कर लें। तो चलिए शुरू करते हैं।

दोस्तो, सबसे पहले मैं आपको बता दूं कि अपने Blog पर Subscription widget add करने के लिए आपके पास FeedBurner URL होना बहुत जरूरी है। FeedBurner URL के लिए आपको अपने Blog के लिए FeedBurner पर Account बनाना होता है। अगर आपने Feedburner पर account बना लिया है तो अच्छी बात है और अगर आपने Feedburner पर अपना account नही बनाया है तो ये Post पढ़ें - Feedburner पर अपने Blog के लिए Account कैसे बनाये


Style #1

<style><br /> <br /> .a2jm-subscribe {<br /> background: url("https://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/color-chronicl.gif") repeat scroll 0 0 transparent;<br /> margin: 0 -10px;<br /> padding: 5px 0;<br /> }<br /> body {<br /> color: #272727;<br /> font-family: Georgia,"Times New Roman",Times,serif;<br /> }<br /> body {<br /> color: #272727;<br /> font-family: Georgia,"Times New Roman",Times,serif;<br /> }<br /> .sidebar .subscribe_wrapper h5 {<br /> color: #FFFFFF;<br /> }<br /> .sidebar h5 {<br /> color: #272727;<br /> font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif;<br /> font-size: 15px;<br /> font-weight: normal;<br /> padding: 4px 0 10px;<br /> }<br /> h5, h6 {<br /> letter-spacing: 2px;<br /> text-transform: uppercase;<br /> }<br /> .sidebar .subscribe_wrapper h5 {<br /> color: #FFFFFF;<br /> }<br /> .sidebar h5 {<br /> color: #272727;<br /> font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif;<br /> font-size: 15px;<br /> font-weight: normal;<br /> padding: 4px 0 10px;<br /> }<br /> h5, h6 {<br /> letter-spacing: 2px;<br /> text-transform: uppercase;<br /> }<br /> .subscribe_wrapper {<br /> background: url("https://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/pattern-chronicl.png") repeat scroll 0 0 #333333;<br /> color: #CCCCCC;<br /> font-size: 14px;<br /> line-height: 20px;<br /> padding: 38px 50px 18px 38px;<br /> }<br /> .emailButton {<br /> background: -moz-linear-gradient(center top , #30A146 0%, #249334 100%) repeat scroll 0 0 transparent;<br /> border: 0 none;<br /> border-radius: 4px 4px 4px 4px;<br /> color: #FFFFFF;<br /> cursor: pointer;<br /> font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif;<br /> font-weight: bold;<br /> padding: 10px 40px;<br /> text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);<br /> width: 100%;<br /> }<br /> .emailText {<br /> background: url("https://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/email.png") no-repeat scroll 10px center #FFFFFF;<br /> border: 0 none;<br /> border-radius: 4px 4px 4px 4px;<br /> box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset;<br /> color: #444444;<br /> margin: 0 0 15px;<br /> padding: 10px 40px;<br /> text-decoration: none;<br /> width: 70%;<br /> }<br /> input, textarea {<br /> font-family: Georgia,"Times New Roman",Times,serif;<br /> }<br /> .subscribe_wrapper {<br /> color: #CCCCCC;<br /> font-size: 14px;<br /> line-height: 20px;<br /> }<br /> .post-body .emailButton {<br /> width: 300px;<br /> }<br /> .emailButton {<br /> background: -moz-linear-gradient(center top , #30A146 0%, #249334 100%) repeat scroll 0 0 transparent;<br /> border: 0 none;<br /> border-radius: 4px 4px 4px 4px;<br /> color: #FFFFFF;<br /> cursor: pointer;<br /> font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif;<br /> font-weight: bold;<br /> padding: 10px 40px;<br /> text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);<br /> width: 100%;<br /> }<br /> </style><br /> <br /> <div class="a2jm-subscribe"> <br /> <div class="subscribe_wrapper"> <br /> <h5> Subscribe Us !</h5> <p> Enter your email address and get our new post delivery update in your inbox.</p> <br /> <div id="btntEmailsub"> <br /> <form class="btntEmailform" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=AbhinavAjMods', 'popupwindow', 'scrollbars=yes,width=300,height=520');return true" method="post" action="https://feedburner.google.com/fb/a/mailverify"> <br /> <input type="hidden" value="AbhinavAjMods" name="uri" /><br /> <input type="hidden" value="en_US" name="loc" /><br /> <input class="emailText" type="text" value="Your Email......." onfocus="if (this.value == " enter your email...") {this.value="" }" onblur="if (this.value == " ") {this.value="enter your email..." ;}" name="email" /><br /> <input class="emailButton" type="submit" value="Signup Now! (FREE)" title="" /><br /> </form> <br /> </div> <br /> <p style=" line-height:0px; font-size:8px; font-weight:bold; text-align:right"> <a style="color:#D3D3D3;" href="https://www.abhinavajmods.com/2017/04/5-subscription-widget.html">Widgets</a></p> <br /> </div> <br /> </div> <br /> <br />

Style #2 :

<style><br /> #responsiveness {<br /> padding: 15px 25px 20px;<br /> line-height: 35px;<br /> text-align: center;<br /> background: none repeat scroll 0% 0% #1E1E1E;<br /> margin: -15px;<br /> border-radius: 3px;<br /> }<br /> #responsiveness h5 {<br /> font-size: 17px;<br /> font-weight: 700;<br /> font-family: 'PT Sans',sans-serif;<br /> color: #FFF;<br /> padding: 0px;<br /> text-transform: uppercase;<br /> line-height: 1.2;<br /> margin: 10px 0px 15px;<br /> letter-spacing: 0.01em;<br /> text-align: left;<br /> }<br /> input.placer {<br /> color: #333;<br /> padding: 15px;<br /> font-size: 14px;<br /> font-family: PT Sans,sans-serif;<br /> border: 1px solid #EEE;<br /> transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;<br /> margin: 10px auto 0px;<br /> border-radius: 3px;<br /> width: 89%;<br /> }<br /> input.button {<br /> background-color: #BA1A00;<br /> color: #FFF;<br /> font-weight: 400;<br /> cursor: pointer;<br /> border-radius: 4px;<br /> text-transform: uppercase;<br /> font-family: PT Sans,serif;<br /> padding: 10px 15px;<br /> border: medium none;<br /> font-size: 16px;<br /> width: 100%;<br /> margin: 15px auto 0px;<br /> }<br /> input.button:hover{<br /> background: #FFF;<br /> color: #333;<br /> }<br /> </style><br /> <link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/><br /> <div id='responsiveness'> <br /> <p style=" line-height:0px; font-size:7px; font-weight:bold; text-align:right"> <a style="color:#D3D3D3;" href="https://www.abhinavajmods.com/2017/04/5-subscription-widget.html">Widgets</a></p> <br /> <h5> Sign Up Now and Get Free Email Notification From This Blog  </h5> <form action='https://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=AbhinavAjMods', 'popupwindow', 'scrollbars=yes,width=550,height=550');return true"> <br /> <input  class="placer" type='text'  name='email' placeholder='Your Name ....' /><br /> <input  class="placer" type='text'  name='email' placeholder='Your Email ....' /><br /> <input type="hidden" value="AbhinavAjMods" name="uri"/><br /> <input type="hidden" name="loc" value="en_US"/><br /> <input value="Subscribe Now" class="button" type="submit" /><br /> </form> <br /> </div> <br />

Style #3 :

<style type="text/css"><br /> .a2jmsub {<br />     background-color: rgb(87, 98, 105);<br />     width: 100%;<br />     height: 100%;<br />     padding: 5px;<br />     box-shadow: 0px 0px 5px rgb(87, 98, 105);<br /> }<br /> <br /> .a2jmform-inner {<br />     text-align: center;<br />     color: rgb(255, 255, 255);<br />     font: bold 16px "trebuchet MS","Tahoma";<br /> }<br /> <br /> .a2jmemailform {<br />     width: 240px;<br />     margin: 10px auto;<br /> }<br /> <br /> #a2jmemailbox {<br />     background-color: #798187;<br />     color: #FFF;<br />     width: 208px;<br />     border: 1px solid #697780;<br />     padding: 15px;<br />     text-align: center;<br />     height: 18px;<br />     box-sizing: content-box;<br /> }<br /> <br /> #a2jmemailbutton {<br />     background-color: rgb(243, 93, 92);<br />     border: 1px solid rgb(215, 84, 83);<br />     color: rgb(255, 255, 255);<br />     width: 240px;<br />     font: bold 16px "trebuchet MS","Tahoma";<br />     padding: 15px;<br />     text-align: center;<br />     height: 50px;<br />     margin: 10px auto;<br />     cursor: pointer;<br /> }<br /> <br /> #a2jmemailbutton:hover {<br />     background-color: #E64C4B;<br />     border: 1px solid #BF4A49;<br /> }<br /> <br /> .a2jmsignup-form {<br />     margin-top: 15px;<br /> }<br /> <br /> .a2jmsocial-icons {<br />     overflow: hidden;<br />     text-align: center;<br />     border-bottom: 1px solid rgb(133, 133, 133);<br />     width: 230px;<br />     display: block;<br />     margin: 20px auto;<br /> }<br /> <br /> .a2jmsocial-icons ul {<br />     margin: 0px auto !important;<br />     text-align: center;<br />     padding: 0px !important;<br />     display: inline-block;<br /> }<br /> <br /> .a2jmsocial-icons ul li {<br />     background: transparent none repeat scroll 0% 0% !important;<br />     border: medium none !important;<br />     float: left;<br />     list-style-type: none !important;<br />     padding: 0px !important;<br />     margin: 0px 2px !important;<br /> }<br /> <br /> .a2jmsocial-icons ul li::before,<br /> .a2jmsocial-icons ul li::after {<br />     display: none !important;<br /> }<br /> <br /> .a2jmsocial-icons ul li a, .a2jmsocial-icons ul li a:hover {<br />     background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1oGnBOyV5Z-vOlTAuXqugjonLgCrpMfXtS-9-GqIqEbNd3NWdSEXGAp9a-j2s0hOYeGoI6mOgI7xldoAka2Lm9VR2hGBvO1pMlo2D1u4D8n8tYq-K1eyU76fxuAEKHKVVlv9IOaZV9Rtt/s1600/sprite_32x32.png") no-repeat scroll 0 0;<br />     -moz-border-radius: 50%;<br />     -webkit-border-radius: 50%;<br />     border-radius: 50%;<br />     display: block;<br />     height: 34px;<br />     overflow: hidden;<br />     text-indent: -999px;<br />     transition: all 0.25s linear 0s;<br />     width: 34px;<br /> }<br /> <br /> .a2jmsocial-icons ul li.social-facebook a {<br />     background-position: -62px 1px;<br /> }<br /> <br /> .a2jmsocial-icons ul li.social-facebook a:hover {<br />     background-color: #3b5998;<br /> }<br /> <br /> .a2jmsocial-icons ul li.social-twitter a {<br />     background-position: -254px 1px;<br /> }<br /> <br /> .a2jmsocial-icons ul li.social-twitter a:hover {<br />     background-color: #00aced;<br /> }<br /> <br /> .a2jmsocial-icons ul li.social-gplus a {<br />     background-position: -95px 0px;<br /> }<br /> <br /> .a2jmsocial-icons ul li.social-gplus a:hover {<br />     background-color: #dd4b39;<br /> }<br /> <br /> .a2jmsocial-icons ul li.social-pinterest a {<br />     background-position: -159px 1px;<br /> }<br /> <br /> .a2jmsocial-icons ul li.social-pinterest a:hover {<br />     background-color: #cb2027;<br /> }<br /> <br /> .a2jmsocial-icons ul li.social-rss a {<br />     background-position: -190px 0px;<br /> }<br /> <br /> .a2jmsocial-icons ul li.social-rss a:hover {<br />     background-color: #F87E12;<br /> }<br /> <br /> </style><br /> <br /> <div class="a2jmsub"> <br /> <br /> <div class="a2jmsocial-icons"> <br />   <ul><br /> <li class="social-facebook"><a href="YOUR-FACEBOOK-URL" target="_blank" title="Facebook">Facebook</a></li> <br /> <li class="social-twitter"><a href="YOUR-TWITTER-URL" target="_blank" title="Twitter">Twitter</a></li> <br /> <li class="social-gplus"><a href="YOUR-GOOGLE-PLUS-URL target="_blank" title="google+">Google+</a></li> <br /> <li class="social-pinterest"><a href="YOUR-PINTEREST-URL" target="_blank" title="Pinterest">Pinterest</a></li> <br /> <li class="social-rss"><a href="YOUR-RSS-URL" target="_blank" title="RSS">RSS</a></li> <br />   </ul> <br />  </div> <br /> <br />  <div class='a2jmsignup-form'> <br />   <div class='a2jmform-inner'> <br />    <h4> Subscribe to My Newsletter</h4> <br />   </div> <br />   <div class='a2jmemailform'> <br />    <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=AbhinavAjMods', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <br />     <input name='uri' type='hidden' value='AbhinavAjMods'/><br />     <input name='loc' type='hidden' value='en_US'/><br />     <input id='a2jmemailbox' name='email' required='' type='text' placeholder='Your Email'/><br />     <input id='a2jmemailbutton' title='' type='submit' value='Subscribe'/><br />    </form> <br />   </div> <br /> <p style=" line-height:0px; font-size:8px; font-weight:bold; text-align:right"> <a style="color:#D3D3D3;" href="https://www.abhinavajmods.com/2017/04/5-subscription-widget.html">Widgets</a></p> <br />  </div> <br /> </div> <br /> <br />

Style #4 :

<style><br /> #subscribe-box {background-color:#0CC388;font-family: 'PT Sans', sans-serif;}<br /> #subscribe-box p {font-size:22px;color:#fff;line-height:20px;padding:10px 20px 0 20px;margin:0;}<br /> #subscribe-box .emailfield {padding:0px 20px 10px;}<br /> #subscribe-box .emailfield input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;width:91%;border:0;transition:all 0.4s ease-in-out;}<br /> #subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;}<br /> #subscribe-box .emailfield .submitbutton {background:#444;color:#fff;text-transform:uppercase;font-weight:700;font-size:18px;font-family: 'PT Sans', sans-serif;;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;}<br /> #subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#fff;color:#e25734;}<br /> #subscribe-box .emailfield .submitbutton:hover{background:#fff;color:#444;}<br /> .creadit a{color: #A7A6A6; float: right; font-size: 8px<br /> </style><br /> <div id="subscribe-box"> <br /> <center> <br /> Subscribe for Our All Latest News And Updates</center> <br /> <div class="emailfield"> <br /> <form action="http://feedburner.google.com/fb/a/mailverify?uri=AbhinavAjMods" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=AbhinavAjMods, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <br /> <input name="name" onblur="if (this.value == "") {this.value = "Your Name";}" onfocus="if (this.value == "Your Name") {this.value = "";}" type="text" value="Your Name" /><br /> <input name="email" onblur="if (this.value == "") {this.value = "Your Email";}" onfocus="if (this.value == "Your Email") {this.value = "";}" type="text" value="Your Email" /><br /> <input name="uri" type="hidden" value="AbhinavAjMods" /><br /> <input name="loc" type="hidden" value="en_US" /><br /> <input class="submitbutton" type="submit" value="Subscribe Now" /><br /> </form> <br /> </div> <br /> <p style=" line-height:0px; font-size:8px; font-weight:bold; text-align:right"> <a style="color:#D3D3D3;" href="https://www.abhinavajmods.com/2017/04/5-subscription-widget.html">Widgets</a></p> <br /> </div> <br /> <br />

Style #5 :

<style><br /> .subscribebtrix {<br /> border: 2px solid #000000;<br /> padding: 8px;<br /> width: 310px;<br /> -webkit-transition: all 0.5s ease-in-out;<br /> -moz-transition: all 0.5s ease-in-out;<br /> -ms-transition: all 0.5s ease-in-out;<br /> -o-transition: all 0.5s ease-in-out;<br /> transition: all 0.5s ease-in-out;<br /> }<br /> .subscribebtrix:hover {<br /> -moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);<br /> -webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);<br /> box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);<br /> }<br /> .tbimailbox {<br /> border: 1px solid #D3D3D3;<br /> -webkit-border-radius: 4px;<br /> border-radius: 4px;<br /> -moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;<br /> -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;<br /> box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;<br /> color: #666;<br /> font: 14px "trebuchet ms", sans-serif;<br /> padding: 7px 15px;<br /> width: 160px;<br /> -webkit-transition: all 0.5s ease-in-out;<br /> -moz-transition: all 0.5s ease-in-out;<br /> -ms-transition: all 0.5s ease-in-out;<br /> -o-transition: all 0.5s ease-in-out;<br /> transition: all 0.5s ease-in-out;<br /> }<br /> .tbimailbox:hover {<br /> -webkit-box-shadow: none;<br /> box-shadow: none;<br /> -webkit-transition: all 0.5s ease-in-out;<br /> -moz-transition: all 0.5s ease-in-out;<br /> -ms-transition: all 0.5s ease-in-out;<br /> -o-transition: all 0.5s ease-in-out;<br /> transition: all 0.5s ease-in-out;<br /> }<br /> .btrixsubmit {<br /> font: bold 12px Tahoma, Geneva, sans-serif;<br /> font-style: normal;<br /> color: #ffffff;<br /> background: #ff5714;<br /> border: 0px solid #ffffff;<br /> text-shadow: 0px -1px 1px #222222;<br /> box-shadow: 2px 2px 5px #000000;<br /> -moz-box-shadow: 2px 2px 5px #000000;<br /> -webkit-box-shadow: 2px 2px 5px #000000;<br /> border-radius: 10px 10px 10px 10px;<br /> -moz-border-radius: 10px 10px 10px 10px;<br /> -webkit-border-radius: 10px 10px 10px 10px;<br /> padding: 8px 15px;<br /> cursor: pointer;<br /> margin: 0 auto;<br /> }<br /> .btrixsubmit:active {<br /> cursor: pointer;<br /> position: relative;<br /> top: 2px;<br /> }<br /> .btrixsubmit::-moz-focus-inner {<br /> border: 0;<br /> padding: 0;<br /> margin: 0;<br /> }<br /> </style><br /> <br /> <br /><br /> <div class="subscribebtrix"> <br /> <div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;"> <br /> Free Updates to your Inbox</div> <br /> <div style="margin: 10px 0 0 6px;"> <br /> <form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=AbhinavAjMods', 'popupwindow', 'scrollbars=yes,width=550,height=520EE');return true" style="margin: 0pt;" target="popupwindow"> <br /> <input name="uri" type="hidden" value="AbhinavAjMods" /><br /> <input name="loc" type="hidden" value="en_US" /><br /> <input class="tbimailbox" name="email" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" type="text" value="Enter your email..." /><br /> <input alt="" class="btrixsubmit" title="" type="submit" value="Subscribe" /><br /> </form> <br /> </div> <br /> <div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;"> <br /> Follow us:</div> <br /> <div style="margin: -32px 0 0 120px;"> <br /> <a rel="nofollow" rel="noreferrer"href="http://www.facebook.com/YOUR FACEBOOK USER NAME" target="_blank" title="Join us on Facebook"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvSsorLdDIopHT8Z7exPNb2KvlEQ244zUPJ-uUGiJZeJ4iop80-gd_uM1evneasz5tB1thFBmws0dEDNNhKphMEoJnAvLARo3enAEuVjZNb1z29_lLddAut96BtGd5lB2aG2YT6Q06JZI/s1600/facebook_btrix.png" /></a><br /> <a rel="nofollow" rel="noreferrer"href="http://www.twitter.com/YOUR TWITTER USER NAME" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFoehYGflki1Ktiae4Li4tR7Hkmd0Xl8zN0Z7kTd1tscKABMISAey0P6WEsI0r5YS1bjvm5_8jXvp6gK-eaucUcHSgWjNk2QV1QesCkYrAu82_BX13Zjg2aIEvuKiTMS28OXqQW5fr9tw/s1600/twitter_btrix.png" /></a><br /> <a rel="nofollow" rel="noreferrer"href="https://plus.google.com/GOOGLE PLUS USER ID" rel="nofollow" target="_blank" title="Follow us on Google+"><img alt="gplus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWc3Srl2axnwX1EnPWgAW02QpPWRqhGy3ug__-VfzGMsNDFjtWibvNhTqWhCRC5FLJMvOrK8N_ygiRuQsB0AXbGqlHhBYzajjYq2m4efs2MLeSkri9OXXm-iaxtS9FqY5uYiL_vUskJrM/s1600/googleplus_btrix.png" /></a><br /> <a rel="nofollow" rel="noreferrer"href="http://www.pinterest.com/PINTEREST USER NAME" rel="nofollow" target="_blank" title="Follow us on Pinterest"><img alt="pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYubjp1CiYGBfaQS_AHfmE1SJGCaRDU-rY0aT4Iax-v6iG1hH4rB7Rx_dY9BaHrNXOMaMGUDRSDp165WSjkCVr85Q6GE40uvLIgkIFFvvuKZ4ZVO7MKcfVePT2uwjLk2dwJoXqa3BMXtU/s1600/pinterest_btrix.png" /></a><br /> </div> <br /> <div align="center"> <br /> <a rel="nofollow" rel="noreferrer"href="http://feeds.feedburner.com/FEEDBURNER ID"><img alt="" src="http://feeds.feedburner.com/~fc/bloggertrix?bg=FF9900&fg=444444&anim=1" height="26" style="border: 0;" width="88" /></a></div> <br /> <p style=" line-height:0px; font-size:8px; font-weight:bold; text-align:left"> <a style="color:#D3D3D3;" href="https://www.abhinavajmods.com/2017/04/5-subscription-widget.html">Widgets</a></p> <br /> </div>

अपने Blog पर Subscription Widget कैसे Add करें

Step 1 : सबसे पहले अपने Blogger account में login करें

Step 2 : अब Layout में जाये

Step 3 : Sidebar में Add A New Gadget पर Click करें

Step 4 : HTML/JavaScript पर click करें

Step 5 : आपको जो Widget पसन्द है उसके नीचे का Code copy करे। Code copy करने के लिए Code वाले box में click करके Ctrl+A button दबाये और Code को copy कर लें। और Paste करें।

Step 6 : अब आपको कुछ Customization करना है। क्या Customization करना है वो मैं आपको नीचे बताऊंगा

Step 7 : Customization करने के बाद Save पर Click कर दें।

क्या Customization करना है?

आप जो भी Code का Use करें उसमें आप हमारे FeedBurner URL ( uri=AbhinavAjMods ) की जगह अपना Feedburner URL डाले।

और कुछ Widgets में Social Icon भी है तो उसमें आप अपने Facebook, Twitter, Google Plus, Pinterest, etc का URL डाल दें।

• Also Read : A2JM Social Icons Widget For Blogger
• Also Read : Blog Par Free Cloudflare CDN Setup Kaise Kre (Full Guide)
• Also Read : Blogging Shuru Karne Ke Liye Top10 Topics | Top10 Topics(Niche) to Start A Blog

तो दोस्तो आज आपने सीखा कि अपने blog पर Subscription Widget कैसे Add करते है। आशा है आपको हमारा ये post पसन्द आया होगा, अगर हाँ तो please share जरूर करें। और ऐसी ही Informational post पढ़ते रहने के लिए हमे Subscribe कीजिये। 

आप अपने सवाल हमसे Comment करके पूछ सकते हैं। धन्यवाद।

Don't be selfish... Share this article with your friends :)