Blog Me Stylish Subscribe Box Widget Kaise Add Kare.

iamhappylife –

Blog website me stylish subscribe box widget kaise add karte hai and ye kyo jaruri hai jab visiters aapke blog par visit karege aur unko aapki site pasand aajati hai to post ko email par read karne ke liye site me lage subscribe box par subscribe karke aapki new post ki information mail inbox me email delivery ke liye invite kar sakte hai aaj me aapko 5 stylish subscribe widget ke ware me bataunga aapko jo bhi widget pasand ho apni site me add kar sakte hai.

blog me subscribe box lagane se site ki design bhi ho jati hai and aapko 2 in1 wala offer bhi mil jata hai agar aap chahte ki aapki bhi new post site subcriber visiter ke email id par send ho to iske liye aapko subscribe box widget add karna bahut importent hai iske bina subscriber ki email id par aapka new article send nahi hoga

subscribe ki service feedburner ke throw aap free me use kar sakte hai and iske liye aapko feedburner par account banana hoga Blog Post Ko Email Delivery Ke Feedburner Par Account Kaise Banate Hai. All ready is post me bataya hai ki feedburner par account kaise banate hai.and blog me feed url kaise add karte hai.

Subscribe information.

Subscribe ek email service hai jab visiters aapki site par visit karte hai and site me add subscribe box se subscribe karte hai to unke email par feedburner ek message send karta hai message me ek activation link hota jaise hi visiter us link par click karta hai click karte hi email delivery service activat ho jati hai and wo aapki site ka subscriber ban jata hai

jab bhi aap new post content ko publish karege to aapki site subscriber ki email id par post ki notification automatically send ho jayegi. aur jab visiter email ke throw aapki site me visit karega to aapke blog ka traffic bhi increase hoga.and site popular hogi.

Also Read

Blog me subscribe box kaise add karte hai

Blog me extra widget add karke site me subscribe box laga sakte hai jis par visiter aasani se subscribe kar sakte hai and post ki information email par prapt kar sakte hai.

Blog me subscribe box add karna bahut easy hai hamare dwara bataye step follow kare.

Blog Ko Search Console Webmaster tool Me Kaise Submit Karte Hai.

Step 1

Sabse pahle log in hokar blogger dashboard me enter ho jaye.

Blog Me Stylish Subscribe Box Widget Kaise Add Kare.

1. drop down menu me Layout par click kare.

2. Add a Gadget par click kare. add a gadget par click karte hi ek pop up window open hogi.

Blog Website Ke Sitemap Ko Search Console Me Kaise Submit Ya Add Karte Hai.

Step 2

Next pop up window page open hone par-

Blog Me Stylish Subscribe Box Widget Kaise Add Kare.

1. is pop up window me HTML/JavaScript par click kare. ab ek khali code box open hoga jisme niche diya code past karna hai.

Step 3

Aap Subscribe box ki niche image dekh sakte hai.

Code 1

<style type="text/css">.hbzsub { background-color: rgb(87, 98, 105); width: 100%; height: 100%; padding: 5px; box-shadow: 0px 0px 5px rgb(87, 98, 105);}.hbzform-inner { text-align: center; color: rgb(255, 255, 255); font: bold 16px"trebuchet MS","Tahoma";}.hbzemailform { width: 240px; margin: 10px auto;}#hbzemailbox { background-color:#798187; color: #FFF; width: 208px; border: 1px solid#697780; padding: 15px; text-align: center; height: 18px; box-sizing: content-box;}#hbzemailbutton { background-color: rgb(243, 93, 92); border: 1px solid rgb(215, 84, 83); color: rgb(255, 255, 255); width: 240px; font: bold 16px"trebuchet MS","Tahoma"; padding: 15px; text-align: center; height: 50px; margin: 10px auto; cursor: pointer;}#hbzemailbutton:hover { background-color:#E64C4B; border: 1px solid#BF4A49;}.hbzsignup-form { margin-top: 15px;}.hbzsocial-icons { overflow: hidden; text-align: center; border-bottom: 1px solid rgb(133, 133, 133); width: 230px; display: block; margin: 20px auto;}.hbzsocial-icons ul { margin: 0px auto!important; text-align: center; padding: 0px!important; display: inline-block;}.hbzsocial-icons ul li { background: transparent none repeatscroll 0% 0% !important; border: medium none!important; float: left; list-style-type: none!important; padding: 0px!important; margin: 0px 2px!important;}.hbzsocial-icons ul li::before,.hbzsocial-icons ul li::after { display: none!important;}.hbzsocial-icons ul li a,.hbzsocial-icons ul li a:hover { background: url("http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png") no-repeat scroll 0 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block; height: 34px; overflow: hidden; text-indent: -999px; transition: all 0.25s linear 0s; width: 34px;}.hbzsocial-icons ul li.social-facebook a { background-position: -62px 1px;}.hbzsocial-icons ul li.social-facebook a:hover { background-color:#3b5998; }.hbzsocial-icons ul li.social-twitter a { background-position: -254px 1px;}.hbzsocial-icons ul li.social-twitter a:hover { background-color:#00aced; }.hbzsocial-icons ul li.social-gplus a { background-position: -95px 0px;}.hbzsocial-icons ul li.social-gplus a:hover { background-color:#dd4b39; }.hbzsocial-icons ul li.social-pinterest a { background-position: -159px 1px;}.hbzsocial-icons ul li.social-pinterest a:hover { background-color:#cb2027; }.hbzsocial-icons ul li.social-rss a { background-position: -190px 0px;}.hbzsocial-icons ul li.social-rss a:hover { background-color:#F87E12; }</style><div class="hbzsub"><div class="hbzsocial-icons"> <ul> <li class="social-facebook"><a href="[Fb url]" target="_blank" title="Facebook">Facebook</a></li> <li class="social-twitter"><a href="[Twitter url]" target="_blank" title="Twitter">Twitter</a></li> <li class="social-gplus"><a href="[Google+ url]" target="_blank" title="Google+">Google+</a></li> <li class="social-pinterest"><a href="[Pinterest url]" target="_blank" title="Pinterest">Pinterest</a></li> <li class="social-rss"><ahref="[RSS url]" target="_blank" title="RSS">RSS</a></li> </ul> </div> <div class='hbzsignup-form'> <div class='hbzform-inner'> <h4>Subscribe to my Newsletter</h4> </div> <div class='hbzemailform'> <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=[Your Feedburner uri]&apos;,&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 id='hbzemailbox' name='email' required=''type='text' placeholder='Your Email'/> <input id='hbzemailbutton' title='' type='submit' value='Subscribe'/> </form> </div> </div></div>

Code 2

Aap is subscribe box ki image dekh sakte hai.

Code 3

Aap is Subscribe Box ki bhi image chack kar sakte hai.

<style>/***** Email Subscription Widget For Blogger By Https://iamhappylife.com *****///@media(max-width:400px) {.sbox{width:109%!important;}}//@media(max-width:1024px) and (min-width:400px) {.sbox{width:106.5%!important;}}.sbox {background:#009abe;text-align:center;width:100%;}.sbox span {color:#fff;font-family:roboto;font-size:27px;}.sbox .small {font-size:18px;}input.boxinput::placeholder {color:#fff;}.sbox .hatespam {font-size:15px;}.sbox .boxinput::placeholder {color:#fff;}.sbox .boxinput {background:rgba(0,0,0,0.4);color:#fff;border:none;padding-top:13px;padding-bottom:13px;font-family:roboto;margin-bottom:10px;outline:none;transition:.3s;width:86%;text-align:center;border-radius:4px;}.sbox .boxsubmit {box-shadow:0px 0px 31px 0px rgba(0,0,0,0.2);width:86%;text-align:center;padding-top:13px;padding-bottom:13px;background:#fff;outline:none;border:none;color:#009abe;font-family:roboto;cursor:pointer;border-radius:4px;}.sbox .boxsubmit:active {background:rgba(0,0,0,0.6);color:#fff;}.sbox {border-radius:8px!important;padding:0!important;border:none!important;}.sbox .widget-content {margin:0!important;}#sidebar-wrap .widget {overflow-x:hidden;}.sbox {background:linear-gradient(135deg, #667eea 0%,#764ba2 100%)!important;width:100%;}.sbox .boxsubmit {box-shadow:none!important;border-radius:2px!important;color:#764ba2!important;}.sbox .boxinput {border-radius:2px!important;}</style><div class='sbox wow rubberBand'><center><br /><span class='icon'><img height='auto' src='https://1.bp.blogspot.com/-9-fJaPMneBk/WlMlqltvtOI/AAAAAAAACEM/qEy8USIBQJwky4GJixaeBxlk2WDor-JPgCLcBGAs/s1600/email.png' width='150px'/></span><br/></center><span>Newsletter</span><br /><br /><span class='small'>Join our newsletter to get secret tips directly in your inbox!</span><br /><br /><center><form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&#39;https://feedburner.google.com/fb/a/mailverify?uri=iamhappylife&#39;,&#39;popupwindow&#39;,&#39;scrollbars=yes,width=550,height=520&#39;); return true' target='popupwindow'><input class='boxinput' name='EMAIL' placeholder='Your Email Address' type='email' required/><input class='boxsubmit' type='submit' value='Subscribe Now'/><input name='uri' type='hidden' value='shoutersplanet'/><input name='loc' type='hidden' value='en_US'/></form><br /><span class='hatespam'>*We HateSpam!</span><br /><br /></center></div>

Code 4

Subscribe box image.

<style type="text/css">.hbzsub { background-color:#1E293B; width: 100%; height: 100%; box-shadow: 0px 0px 10px rgb(30, 41, 59);}.hbzemailform { width: 239px; margin: 10px auto;}.hbzform-inner h4 { color: rgb(255, 255, 255); text-align: center; padding: 10px; font: bold 18px/40px"trebuchet MS","Tahoma";}#hbzemailbox { background-color:#FFF; border: 1px solid#FFF; border-radius: 7px 0px 0px 7px; height: 20px; padding: 6px; box-sizing: content-box;}#hbzemailbutton { background-color:#F0553B; border: 1px solid #F0553B; color:#FFF; height: 34px; border-radius: 0px 7px 7px 0px; margin-left: -4px; font-weight: 600; cursor: pointer;}#hbzemailbutton:hover { background-color:#1E293B; border: 1px solid #FFF; box-shadow: 0 0 5px#ddd;}.hbzsocial-like { background: transparent url("https://3.bp.blogspot.com/-2hqsqwGQg2M/VsCLsiFb2sI/AAAAAAAAAMY/7jkBsN8tVIg/s1600/Facebook-twitter-rectangle.png") no-repeat scroll center center / 250px 157px; width: 250px; height: 120px; margin: 10px auto;}.hbzfb-likes { margin-top: 90px; margin-left: 20px; position: absolute; display: block;box-shadow: 0px 0px 10px rgba(9, 42, 87, 0.73);}.hbztw-follow { display: block; margin-left: 152px; position: absolute; margin-top: 89px; box-shadow: 0 0 10px rgba(2, 81, 173, 0.59); height: 20px;}</style><div class="hbzsub"> <div class='hbzsignup-form'> <div class='hbzform-inner'> <h4>Get Posts In Your Inbox</h4> </div> <div class='hbzemailform'> <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=[Your Feed Id]&apos;,&apos;popupwindow&apos;,&apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> <input name='uri' type='hidden' value='[Your Feed Id]'/> <input name='loc' type='hidden' value='en_US'/> <input id='hbzemailbox' name='email' required=''type='text' placeholder='Enter YourEmail Here...'/> <input id='hbzemailbutton' title='' type='submit' value='Subscribe'/> </form> </div>

Code 5

See below image.

<style>#subscribe-box{width:299px;border:1px solid#aaaaaa;border-radius:2.98px;padding:2.98px 0} .subscribe-box-wrapper{background:url(http://4.bp.blogspot.com/-FnFdlcUoQ70/VM3J2JR7itI/AAAAAAAABcM/TosZcCPmujM/s1600/background.png) repeat scroll 0 0#ffffff;color:#111111;font-size:13px;line-height:19px;padding:1px20px 10px;text-align:center;text-transform:uppercase}.subscribe-box-form{clear:both;display:block;margin:10px 0}form.subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto} .subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#ffffff url(https://lh6.googleusercontent.com/-8NDOpOYN7b4/UcvO6A6i_YI/AAAAAAAACAk/tTYb0kLxcqg/s124/icons.png) no-repeat 0 -26px;border:1px solid#cccccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 39px;width:99%}.subscribe-box-email-button{background:#0099ff;border:1px solid#0080ff;box-shadow:0 1px 0 rgba(254,254,254,0.5) inset, 0 1px 0 transparent;color:#ffffff;cursor:pointer;font-family:verdana;font-weight:699;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.5);text-transform:uppercase;width:100%} .subscribe-box-email-button:hover,.subscribe-box-email-button:focus{background:#179ffa} .subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.6) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.6) inset;box-shadow:0 1px 4px rgba(0,0,0,0.6) 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 3px 5px rgba(0,0,0,0.2);background:#FFFFFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4.2px 4.2px 4.2px} #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaaaaa;font-family:cambria;font-size:13px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}a.social-icons{margin-right: 5.1px;height:46px;width:46px;}a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}</style> <div id="subscribe-box"><div class="subscribe-box-wrapper"> <br><p>Subscribe To Our Email Newsletter to Receive Quality Updates Absolutely Free</p><a class="social-icons" href="http://feedburner.google.com/fb/a/mailverify?uri=iamhappylife" target="_blank"><img src="http://3.bp.blogspot.com/-ugJyU9Pxcs4/VM3J6Cfj8gI/AAAAAAAABcU/zMAdXj1Jysk/s1600/Subscribe.png"></a><div class="subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=iamhappylife" class="subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=iamhappylife', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="iamhappylife"><input name="loc" type="hidden" value="en_US"><input class="subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter Your Email Address..."><input class="subscribe-box-email-button" title=""type="submit" value="Subscribe Now!"></form></div></div></div></div>

Mene upar 5 subscribe box code diye aapko jo bhi subscribe box pasand hai uska code copy kare.

Step 4.

Blog Me Stylish Subscribe Box Widget Kaise Add Kare.

1. Upar diya code ko copy kare and box me jo subscribe code paste here likha hai us jagah code ko paste kare aur subscribe code me jis – jis jagah meri site ka name likha hai usko remove karke apani site url add kare and Code me [ Your feed Url ] or [ Your Feedburner id ] ki jagah apni feed id add kare.

2. Title – is colum me “subscribe here” aadi enter kar sakte hai agar chahe to blank bhi chhod sakte hai

3. Ab Save par click karke pop up window ko save kare.

4. Ab last me Save arrangement par click karke layout ko save kare.

Ab aapke blog me subscribe box add ho gaya hoga aap site ko view karke dekh sakte hai.

Read More

WordPress blog me subscibe box kaise add kare.

Aap is subscribe box widget ko wordpress blog me bhi add kar sakte hai subscribe widget add karne ke liye wordpress dashboard me enter kare.

1. drop down menu me Appearance par click kare.

2. Widgets par click kare.

3. text par click kare. ek mini window open hogi.

4.Add  Widget par click kare.

5. Ab sidebar me code box dikhayi dega usme code past kare and code ko save karke window close kare.

Ab aapne blogger and wordpress par subscribe box add kar liya hoga ummid karunga ki aapko ye mera article and subscribe box pasand aaya hoga to aap is post ko social media par share kar sakte hai/ thanks…………………..

 

 

Comments

  1. By rohaan

    Reply

    • Reply

  2. By rohaan

    Reply

    • Reply

  3. By rohaan

    Reply

    • Reply

  4. By D.K

    Reply

  5. By Rahul

    Reply

  6. By Rahul

    Reply

  7. By Aditi

    Reply

  8. Reply

    • Reply

  9. By RANJOT SINGH

    Reply

  10. By Sagar Shekhar

    Reply

  11. By SUMIT KUMAR GUPTA

    Reply

  12. By sudarsan panda

    Reply

  13. By यादविंदर सिंह

    Reply

  14. By Kamal

    Reply

    • Reply

  15. By Utpal

    Reply

  16. By rovin singh

    Reply

    • Reply

  17. By Afreen

    Reply

  18. By Afreen

    Reply

    • Reply

  19. Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Share5
Tweet
Pin1
+11
7 Shares