Blogger Blog Me Stylish Popup Window Email Subscribe Widget Kaise Add Kare ?

0
120

Hello dosto aap sabhi ke liye fir se ek post laya hu Blogger Blog Me Stylish Open New Window Email Subscribe Widget Blog Me Kaise Add Kare ye bhhi blog ki design se related hai. Bese apke blog ke design ke liye bahut sare post kar chuka hu aap unhe bhi follow kare jisse or bhi apki blog ki design ho sake.

Blog ke liye traffic kitna jaroori hai ye aap sabhi blogger jante hoge. Ham traffic paane ke liye jaane kitne way use karte hai. Jo kafi useful hote hai. Hame blog ke jayada traffic paane ke liye jayada mahnat karni padegi.
Agar ham apne visiter ko apne hi blog per roke rakhne chahate hai to bo bhi ek achha way hai. Yiskeliye hame apne blog ke readers ko apni site ko subscribe karbana hoga. Iskeliye hame email subscribe widget ki jaroorat padti hai. Jo me apko dene baala hu.
Jo ye widget hai bo kafi stylish hai. yise hame blogger me add karna bahut hi asan hai. Hame bas Kuchh step hi follow karne hai.

How to add popup email subscribe widget
Popup Email Subscribe Widget
Email subscribe widget ko blogger me add larne ke liye code ko blogger me add karna hota hai. Jo bahut hi easy hai. Aap to blog me code add karna jante hi hoge. or aapne apni blog me add bhi kiye hoge. Theek bese hi yise bhi apne blog me add karna hai.
Agar apko code ko blogger me add karna nahi ata hai hai to koyi baat nahi hai. Me apko poora batauga. Yis ke liye apko mere diye hue step follow karne hoge aap neeche diye hue step follow kare.

Blogger Blog Me Stylish Open New Window Email Subscribe Widget Kaise Add Kare ?

Step1: Copy Code.
neeche diye hue code ko aap copy karle.

 

 

<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 1px4px 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 1px4px 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 1px4px 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 1px4px 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 1px6px 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 2px3px #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 theupdates 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=”chandeepsblogtips” /><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.Supportmeloud.com/” rel=”dofollow” target=”_blank”>blogtipsntricks</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 onlyif it is disabledif(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 enabledif(popupStatus==1){$(“#backgroundPopup”).fadeOut(“slow”);$(“#popupContact”).fadeOut(“slow”);popupStatus = 0;}}//this code will center popupfunction centerPopup(){//request data for centeringvar 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 csscenterPopup();//load popuploadPopup(); } //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>

Step2: This Code Add In Blogger
Ab apne uper bala code copy kiya hai use apko apne blogger me add karna hai.yise aap bahut hi assani se kar sakte hai.
  • Blogger me login kare
  • Layout par click kare
  • Ab Apko choice karna hai ki subscribe widget kaha lagana hai.
  • Aap  kahi bhi widget choice karle kyoki subscribe widget to seedhe screen per show hona hai.
  • Html/javascript per click kare.
  • Uper bala script code ko past kare.
  • Ab aap yisme mere feedburnner mail vrify ki jagah apne blog ka virfy code dalr
  • Save per click kare.
  • Or save arrengment par click kare.

blogspot blog me email subscribe widget kaise add kare
Bas dosto apko blog per stylish open window email subscribe  widget add ho gaya hai. Ab aapke visiter jab bhi apke blog ko open Karege to atomatic email subscribe widget open hone lagega.

I hope ki apko ye aaj ka post passand aya hoga, Agar realy passand aya hai to like or share comment jaroor kare

LEAVE A REPLY

Please enter your comment!
Please enter your name here