Popup Follow Email – Subscription Form Box Blog Me kaise Add Kare

              Hello Friend…!! Koi Bhi Blogger / Website Owner Chahta Hai Ki Usake Blog – Website ki Traffic badhe. Aap Blog Se Online Kamai Kar rahe Hai To Visitor Jyada Hone Chahiye. Aapne Blog Ki Traffic Badhane ke Liye Kuchh na Kuchh To Kiya Hi Honga. Aaj Ham Visitor Badhane Ke Ek Aur Step ki Bat karenge.

Popup Follow widget
popup email subscription code

Aapne Koi Website Pe Dekha Honga Ki Jaise Hi Ham Blog – website Ko Open Karte Hai , Sabase Pahale Ek Popup Box Khulata Hai. Isame likha Hota Hai, ” Aapka Email Dale Aur Article Sidhe Apane Inbox Me Paye “. Ham Isame Email Dalte Hai Aur bad Me Is Blog Ki Sabhi Updates hone Wali Post Articles Hamare Email Pe Aa Jate Hai. To Ye Hai ” Popup Subscription Form Box. ” Blog Me Subscription From Widget Se Bhi  Add Kar Sakate Hai, Lekin Isase Jyada Subscriber Hame Nahi Milate Hai.

Popup Follow Email – Subscription Form Box kyu Jaruri hai ?

Agar Ham Apane Blog Ki Traffic Ko Badhana Chahte Hai to Visitor Ko Lane Ka Kam Ye Popup Subcription Box Karta Hai. Jab Koi Visitor Pahali Bar Hamare Blog Ko Open Karata Hai To Sabase Pahale ye Popup Box Open Hota Hai. Us Time Blog Ka Any Content Hide Rahata Hai. Agar Visitor Is Box Me Email Dal Deta Hai To Jab Bhi Ham Naya Article Publish Karenge. Usake Email Inbox Me Pahunch Jata hai. Visitor Email  Padhake , Isame Se Link Ko Copy Karke Apane Blog Pe Aa Jata Hai. Vise Hamari Traffic Badhane Lagati Hai. Aisi Traffic Se Hame Jyada Fayada Hota Hai. Kyu Ki Ye Visitor Aapke Aricle Me Intrest Rakhata Hai. Tabhi Vo Blog Pe Aata Hai. Articlr Ko Pura Ka Pura Padhata Hai. Blog Pe Kuchh Time Rukata Hai. Is Vagah Se Hanmare Blog Ki Rank Badhane Me Madad Milati Hai.

Popup Subcription Box Blog Me Kaise Add Kare ?

Step : 1 Popup Box HTML Code Widget  Add Kare. 
 
To Ab Aapko Blog Me Popup Follow Email – Subscription Form Box Blog Me Add Karna Hai.   Yah Ek Widget Hi Hai Jo  jQuery plugin Se Work Karta Hai. Isaliye  jQuery plugin Bhi  Hamare Blog Me Add Karana Padega. Blogger Blog Me Pahle Se jQuery plugin Add Kiya Hota Hai. Agar Aapke Blog Me Pahale Se Add Kiya Hua Hai To Aapko Ise Add Karne Ki Jarurat Nahi Padegi. Ham Ise Bad me Add Karenge.

  •         Sabase Pahle Deshbord  >> Layout >> Add A Gadget Pe Jaye. 
  •         HTML/JavaScript Widiget Ko Click Kare. 
  •         Is Code Ko Copy Kare aur  HTML/JavaScript Widiget Me Past Kare. </span></span><br /> <b>   </b></li></ul><div><style> #backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background-color: transparent; background:rgba(0, 0, 0, 0.5);z-index:999; } #popupContact{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:350px; width:500px; background:#FFFFFF; border:4px solid #ddd; z-index:999; padding:8px; font-size:13px; } #popupContactClose{ background:url(http://3.bp.blogspot.com/-V2A37T0PQ24/U3IuYpfg4DI/AAAAAAAAC_8/YzHEp7rFzSc/s1600/close.PNG) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer; text-indent: -99999px;} #description { color: #AAAAAA; font-family: times New Roman; font-size: 25px; font-style: italic; line-height:30px; } #description img { float: left; height: 80px; padding: 0 25px 0 10px; width: 80px; } #btntfollowForm { padding: 15px; } #btntfollowForm img { border:none; } #btntfollowForm p { margin: 0 0 10px;} #btntfollowForm input:not([type="checkbox"]){ width: 93%; margin-top: 10px; margin-bottom: 20px; padding: 10px 5px 10px 25px; border: 1px solid rgb(178, 178, 178); -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset; -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset; box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #btntfollowForm input:not([type="checkbox"]):active, #btntfollowForm input:not([type="checkbox"]):focus{ border: 1px solid rgba(91, 90, 90, 0.7); background: rgba(238, 236, 240, 0.2); -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset; -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset; box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;} #btntfollowForm .button input{ background: none repeat scroll 0 0 #3D9DB3; border: 1px solid #1C6C7A; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 6px 4px rgba(0, 0, 0, 0.07) inset, 0 0 0 3px #FEFEFE, 0 5px 3px 3px #D2D2D2; color: #FFFFFF; cursor: pointer; font-family: 'Arial Narrow',Arial,sans-serif; font-size: 24px; margin-bottom: 10px; padding: 8px 5px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); width: 30%; float: right; } #btntfollowForm .button input:hover{ background: #4ab3c6; text-decoration: none; } #btntfollowForm .button input:active, #btntfollowForm .button input:focus{ background: rgb(40, 137, 154); position: relative; top: 1px; border: 1px solid rgb(12, 76, 87); -webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset; box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset; } .btntFollowFooter { color:#222; text-align: center; font: 10px Tahoma, Helvetica, Arial, Sans-Serif; padding: 7px 0; margin-top: 80px; text-shadow: 0px 2px 3px #555; position: absolute; width: 500px; } .btntFollowFooter a { color: #222; text-decoration: none; } .btntFollowFooter a:hover { color: #fff; } <!--[if lt IE 7]> #btnt-container a.btntCloseImg { background:none; right:-14px; width:22px; height:26px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://3.bp.blogspot.com/-V2A37T0PQ24/U3IuYpfg4DI/AAAAAAAAC_8/YzHEp7rFzSc/s1600/close.PNG',sizingMethod='scale'); } #btntfollowForm input{ padding: 10px 5px 10px 32px; width: 93%; } #btntfollowForm input[type=checkbox]{ width: 10px; padding: 0;} <![endif]--> </style> <div id="backgroundPopup"> <div id="popupContact"> <a href="" id="popupContactClose">x</a> <div id="btntfollowForm"> <img alt="Subscribe" border="0" float="center" src="http://2.bp.blogspot.com/-74BRtm82chU/U3IkWoqLESI/AAAAAAAAC_k/Fl5GWfxK84o/s1600/Subscribe+Via+Email.PNG" /> <div id="description"> <img alt="email" border="0" src="http://1.bp.blogspot.com/-MtuD6J3TCkU/U3IlM3m2t_I/AAAAAAAAC_s/mT_YKzqTw54/s1600/Mail.PNG" />Subscribe to our mailing list to get the updates to your email inbox...</div> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=chandeepsblogtips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input name="email" placeholder="Enter Your Email..." required="required" type="text" /><input name="uri" type="hidden" value="<span style="color: red;">hindihelpguru</span>" /><input name="loc" type="hidden" value="en_US" /> <div class="button"> <input type="submit" value="Subscribe" /></div> </form> </div> <div class="btntFollowFooter"> Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a> | powered by <a href="http://www.hindihelpguru.com/" rel="dofollow" target="_blank"><span style="color: red;">hindihelpguru</span></a></div> </div> </div> <script src="http://yourjavascript.com/24315621361/jquery.cookie.js" type="text/javascript"> </script> <script type="text/javascript"> var popupStatus = 0; //this code will load popup with jQuery magic! function loadPopup(){ //loads popup only if it is disabled if(popupStatus==0){ $("#backgroundPopup").fadeIn("slow"); $("#popupContact").fadeIn("slow"); popupStatus = 1; } } //This code will disable popup when click on x! function disablePopup(){ //disables popup only if it is enabled if(popupStatus==1){ $("#backgroundPopup").fadeOut("slow"); $("#popupContact").fadeOut("slow"); popupStatus = 0; } } //this code will center popup function centerPopup(){ //request data for centering var windowWidth = document.documentElement.clientWidth; var windowHeight = document.documentElement.clientHeight; var popupHeight = $("#popupContact").height(); var popupWidth = $("#popupContact").width(); //centering $("#popupContact").css({ "position": "absolute", "top": windowHeight/2-popupHeight/2, "left": windowWidth/2-popupWidth/2 }); //only need force for IE6 $("#backgroundPopup").css({ "height": windowHeight }); } //CONTROLLING EVENTS IN jQuery $(document).ready(function(){ if ($.cookie("anewsletter") != 1) { //centering with css centerPopup(); //load popup loadPopup(); } //CLOSING POPUP //Click the x event! $("#popupContactClose").click(function(){ disablePopup(); $.cookie("anewsletter", "1", { expires: 7 }); }); //Press Escape event! $(document).keypress(function(e){ if(e.keyCode==27 && popupStatus==1){ disablePopup(); $.cookie("anewsletter", "1", { expires: 7 }); } }); }); </script></div><br /> (Red Color Me Jo Word Hai Us Jagah Aap Apane feedburner ka user name Rakhe. Example : http://feeds.feedburner.com/hindihelpguru   . Apan feedburner Open Karke Pichhe Ke User name Ka Pata Kare. )
    • Widget Ko Save Kare.

    Blog ko Open Karke Dekh Le. Popup Suription Box Open Hota Hai Ya Nahi ?
    Nahi Hota Hai To isaka Matlam hai Aapke Template Code Me jQuery plugin  Nahi Hai . Aapko Ise Add Karna padega.

    Step : 2  jQuery plugin Ko Template Me Add Kare. 

    • Deshboard >> Template >> Edit HTML Open Kare.
    • Is Code Ko Copy Kare Aur </ head> Ke Niche Past kar De. 
    • template HTML ko Save Kare. 

    jQuery plugin Code

    <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”></script>

    Akhir Me Apne Blog Ko Open Kare. Email Subsription Popup Box Open Hoga ..

    Kaisi Lagi Ye Hamari Tips. Batana Jarur. Agar Koi Saval hai To Hame Comment Box Me Comment Karke Bataiyega. Ham Aapki Madad Karenge. Hamare Blog Ko सब्सक्राइब करें , Hamse Jude Aur Post Ko Apane Email Inbox Me Paye.

6 thoughts on “Popup Follow Email – Subscription Form Box Blog Me kaise Add Kare

Leave a Reply

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