Blog Website me Pop up Email Subscribe box widget kaise add kare

how to add pop up email subscribe box on blogger blog

Hello friends आज के इस पोस्ट में हम बताने जा रहे है Blogger blog me Pop up Email Subscribe widget kaise kare


हर - एक ब्लॉगर चाहता है की हमारा ब्लॉग ज्यादा से ज्यादा पॉपुलर हो और ज्यादा पॉपुलर होने के लिए Blog पर Traffice भी ज्यादा होनी चाहिए सीधे शब्दो में कहे तो हमे अपने ब्लॉग website को beter design करना चाहिए Design अच्छा रहेगा तो visitor आपके ब्लॉग पर हर - बार visit करेंगे  or Best design के लिए हमे कुछ important widget add करना चाहिए

और आज हम एक ऐसे ही widget के बारे मेे बताने जा रहे है जो हमारे ब्लॉग के लिए बहुत ही important है इस widget को लग-भग आपने सभी website Blog मेे देंखें होगें
Widget का नाम है pop up Email Subscribe Box

अगर हम अपने ब्लॉग के traffic को बढा़ना चाहते है तो visitor को हमारे ब्लॉग पर लाने का काम ये pop up Subscribtion  box करता है जब कोई visitor पहली बार हमारे ब्लॉग को visit  करता है तो सबसे पहले  pop up subscribe बॉक्स होता है और अगर अपना Email डाल कर Subscribe कर लेता है तो हमारे ब्लॉग का लेटेस्ट पोस्ट जो हम अपने ब्लॉग पर publish करेंगें वो पोस्ट visitor के Email id पर चला जाता है और Post Email.id पर जाने के बाद  visitor को आपका Content Read करने मेे अच्छा लगा तो वो आपके ब्लॉग पर विजीट करेगा और इस तरह से आपके ब्लॉग की traffic increase होगी

मैने उपर बताया है की ये एक widget है लेकिन ये jQuery plugin से work करता है
और इसलिए हमे jQuery plugin भी add करना पडे़गा घबराईए मत बहुत आसान है क्योकी बहुत से template मेे jQuery पहले सें add होता है इसलिए पहले हम नीचे के कोड को कॉपी करके ब्लॉग में add करेगें

ये एक html/javascript code है जिसे add करने के लिए........

ये भी पढ़े ; 20+ Email Subscribe Box html/javascript Code jise widget me add kiya jata hai Ek baar jarur iss link pr click kare

20+ Javascript code ka real Screenshot screen shot dekhe or jo pasand uska code upar diya gaye link pr click karke copy kar le

Follow By Email Widget kaise add kare Blogger Widget

Point - no.1 Pop up Subacribe box blogspot blog me kaise add kare


Step.1 सबसे पहले नीचे दिए गए Code Copy कर लें

<script type="text/javascript"src='http://aireshalili.github.io/Hindivhelp/popup-email-subscription.js'></script><style type="text/css">.internetsmash-swing{-webkit-animation:swinging 10s ease-in-out 0s infinite; -moz-animation:swinging 10s ease-in-out 0s infinite; -webkit-transform-origin:50%0; -moz-transform-origin:50%0; transform-origin:50% 0;} @-webkit-keyframes swinging{ 0% { -webkit-transform: rotate(0); } 5% { -webkit-transform: rotate(10deg); } 10% { -webkit-transform: rotate(-9deg); } 15% { -webkit-transform: rotate(8deg); } 20% { -webkit-transform: rotate(-7deg); } 25% { -webkit-transform: rotate(6deg); } 30% { -webkit-transform: rotate(-5deg); } 35% { -webkit-transform: rotate(0deg); } 40% { -webkit-transform: rotate(0deg); } 45% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(0); } } @-moz-keyframes swinging{ 0% { -moz-transform: rotate(0); } 5% { -moz-transform: rotate(10deg); } 10% { -moz-transform: rotate(-9deg); } 15% { -moz-transform: rotate(8deg); } 20% { -moz-transform: rotate(-7deg); } 25% { -moz-transform: rotate(6deg); } 30% { -moz-transform: rotate(-5deg); } 35% { -moz-transform: rotate(4deg); } 40% { -moz-transform: rotate(-3deg); } 45% { -moz-transform: rotate(2deg); } 50% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(0); } } @keyframes swinging{ 0% { transform: rotate(0); } 5% { transform: rotate(10deg); } 10% { transform: rotate(-9deg); } 15% { transform: rotate(8deg); } 20% { transform: rotate(-7deg); } 25% { transform: rotate(6deg); } 30% { transform: rotate(-5deg); } 35% { transform: rotate(0deg); } 40% { transform: rotate(0deg); } 45% { transform: rotate(0deg); } 50% { transform: rotate(0); } 100% { transform: rotate(0);}}.outer-email-popup-box {display: none;background: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;}.email-popup-box{width: 500px;height: 280px;position: fixed;top: 0;left: 0;right: 0;bottom: 25%;margin: auto; text-align: center; background:#fff;-webkit-animation: swinging 10s ease-in-out 0s infinite; -moz-animation: swinging 10s ease-in-out 0s infinite; animation: swinging 10s ease-in-out 0s infinite;}.email-popup-header{text-align: center;font-size: 2em;color: #FFFFFF; background:#006D90; padding: 4px 15px 7px 10px; margin: 13px 0px 14px 0px;}.email-popup-subheader{text-align: center;font-size: 1.1em; color:#676767;padding: 10px 0px 22px}.email-popup-body{text-align: center; margin-top: 9px;padding: 22px 0px 3px 0px;background:#006D90;}.email-right{background: green;float: right;}.email-left{background: red;float:left;}.email-form{width: 80%; margin: 0 auto;}.in-popup-mail{padding: 10px;margin: 0 auto;width: 270px}.btn-popup-mail{padding: 10px; background:#006D90;border: 2px solid #fff;color:#fff;margin: 0 auto;}.btn-popup-mail:hover{background:#003E52}.background-img{width: 40px; margin: 0 auto; padding-top: 5px}.exit-button-subbox {float: right; cursor: pointer; position: absolute; right: 0px;top: 0px; margin-top: 4px; margin-right: 4px;}.exit-button-subbox:before { content: "X"; padding: 4px 4px; background: #FFFFFF; color: #000000; font-weight: normal; font-size: 15px; font-family: sans-serif;}.footer-popup-mail{color:#fff;font-size:12px;margin-top:-5px}.footer-popup-mail a{color:#fff}</style><div class="outer-email-popup-box"><div class="email-popup-boxinternetsmash-swing"><div class='exit-button-subbox'></div><div class="background-img"><img src="http://1.bp.blogspot.com/-1oi5Hycb6mI/VoNMarSCB1I/AAAAAAAABLQ/9eC4C0x7wxo/s89-Ic42/mail.png" style="width:50px" /></div><div class="email-popup-header">FREE subscription to our newsletter</div><div class="email-popup-subheader">Join our blogger community in Get latest update </div><div class="email-popup-body"><div class="email-form"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Hindivhelp', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow"><table width="100%"><tbody><tr><td><input class="emailu in-popup-mail" name="email"placeholder="Enter your email address" type="text" /></td><td><input class="mail-buttons btn-popup-mail" type="submit" value="Subscribe" /></td></tr></tbody></table><input name="uri" type="hidden" value="Internetsmash" /><input name="loc" type="hidden" value="en_US"/></form></div><div class="footer-popup-mail">Powered by: <a href=" https://hindivhelp.blogspot.in/2018/02/pop-up-email-subscribe-box-widget-blog.html " rel="nofollow">Hindivhelp</a></div></div></div></div><script type="text/javascript">jQuery(document).ready(function($){if($.cookie('popup-email-box') != 'yes'){$('.outer-email-popup-box').delay(15000).fadeIn('medium');$('.exit-button-subbox,.button').click(function(){$('.outer-email-popup-box').stop().fadeOut('medium');});}$.cookie('popup-email-box', 'yes', { path: '/', expires:15});});</script>

------------------

Customiz Feedburner ka id changd kar le yanj ki apne feedburner ka id dal le

--------------------
Step.2 Blogger ke dashboard में जाएं
Layout पर क्लिक करें

Click kare layout pr

Step.3 Sidebar में add a gadget पर क्लिक करें

add a gadget pr click kare

Step.4 अब एक न्यु विंडो open होगा उसमेे Html/javaScript पर क्लिक करें

slecet html pr click kare

Step.5 ab आपके सामनें 2 Empty box Show होगें
* first box me Subscribe box likhe ya फिर इसे ऐसे ही empty ( खाली ) छोड़ दे

** Second box में उपर जो कोड कॉपी किया था उसे इसमें pest करके Save > Cancel > Back Save कर दें

first tittle dale second.code pest kare

अब अपने ब्लॉग को Google Crome mozila firefox.Etc.. browser में open करके देखें अगर Pop up Subscribe box open हो रहा है तो ठीक है और अगर open नही हो रहा है तो हमेे jQuery plugin add करना है

Point-no.2. jQuery plugin add कैसे करेे


First 1. कोड jQuery Plugin के Code को कॉपी कर लेे

<b:if cond='data:blog.pageType== &quot;item&quot;'><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'/></b:if>

Second.2 Blogger ke dashboard में जाए Template पर क्लिक करेे उसके बाद Edit html पर क्लिक करेे Template open हो जाएगी

Edit template

Third.3 Template me <Head> Search करें  <head> मिल जाने के बाद jQuery Code को Head के बाद पेस्ट कर दे

JQuery code pest here on after <head>

और template Ko Save कर दे

अब आपके ब्लॉग मे pop up Subscribe box successfully add हो चुका है अपने ब्लॉग मेे जाकर चेक कर सकते है

Pop up Subscribe box से Related कोई भी problem हो तो हमे  निः संकोच बताएे और इस पोस्ट को Social Media में Share जरुर करें