Add Pop-Up Feedburner Subscription Widget on Blogger Blogs

You may have noticed, in many pro bloggers sites or other professional websites while opening their sites these boxes may pop up in front of you for making you to subscribe. Like this you can also add these features to your blog too without spending any bucks. It’s totally free to use! All you need is just to have an Feedburner account, which can fulfill all your email needs. This professional looking Feedburner Subscription box comes with Close button too. So this makes your readers choice to subscribe or not, if they are willing to subscribe for your blog then they can do. But if they don’t, using close option they can move towards the content part of your blog. This is an awesome feature for this widget. As I said before, this article will share about Adding Feedburner Subscription Box for Blogger.

Add Pop-Up Professional Feedburner Widget in Blogger

Step 1: Go to Blogger >> Dashboard.

Step 2: Choose Layout >> Add a HTML/JavaScript.

Step 3: Then Paste below code in that box,

<script type=”text/javascript”>
/*** Feedburner Subscription Box for Blogger***/
function wg_style_v4_popup(){document.getElementById(‘wg-style-v4-popup-main’).style.display=’block’}setTimeout(‘wg_style_v4_popup();’,3500);
</script>
<style type=”text/css”>
* html #wgstylepopupdiv {
position:absolute;
}
#wgstylepopupdiv {
z-index:999;
display:block;
top:0;
left:0;
width:100%;
height:100%;
position:fixed;
background-image:url(http://3.bp.blogspot.com/–QwfQi4MAE4/U0a5LnWN_SI/AAAAAAAAHic/r48Jeq7Vlzc/s1600/wgspir.png);
overflow-y:auto;
margin:0;
}
.wgstylepopup {
width:619px;
height:475px;
position:fixed;
top:50%;
left:50%;
margin-top:-237.5px;
margin-left:-309.5px;
}
#wgstylepopup {
overflow:none;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYpvBh9qVl3WaQU11f5d3q7w9wKADHMXFaccDjYfWnQEMtgmnL9i8YyRHdnmVDH1UmAKGfspvuvVGH2x2P0lv5C8ZLtR8jmIBPolZF5CZm6ku2p_pNUL1gOy_-xz3uOVUgEypdLK21hQs/s1600/Prosubwg.png);
background-repeat:no-repeat;
}
form#wgstylepopup {
display:block;
margin:0;
}
form#wgstylepopup #wgfield {
position:absolute;
top:297px;
left:352px;
width:250px;
font-size:16px;
border:none;
background:transparent;
padding:10px;
}
form#wgstylepopup #wgbutton {
position:absolute;
left:352px;
top:350px;
width:249px;
height:42px;
border:none;
background:transparent;
}
</style>
<!–[if lte IE 6]>
<style type=”text/css”>
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]–>
<div id=”wg-style-v4-popup-main” style=”display:none;”>
<div id=”wgstylepopupdiv”>
<div id=”wgstylepopup” class=”wgstylepopup”>
<center style=”color:#000;cursor:pointer;float:right;margin-right:10px;margin-top:-20px;” onmouseup=”document.getElementById(‘wgstylepopupdiv’).style.display=’none'”>
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnm5uM3AjDLQYW0E6zUwmwchhl1z-bTYnZlVst6pfnwy8zm6TMPyt6TpYnzwABBR-HW4J6Nu5jFIVtrgRUWEWfeg_8NEokb3vR2h2iwDRAeZZPfv7xj5aa36wUrzCtRMiyz4YLd_8WsT0/s1600/closebtnwg.png”/>
</center>
<form id=”wgstylepopup” action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=Widget-spy‘, ‘popupwindow’, ‘scrollbars=yes, width=600, height=550’); return true”>
<input type=”hidden” value=”triposoft” name=”uri”/>
<input type=”text” id=”wgfield” name=”email” value=”Enter Your E-Mail Here…” />
<input type=”hidden” name=”loc” value=”en_US” />
<input type=”image” src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVxj5hv_By0wLgmoB4srgqVeDyaoEXNgrXY4PgJP3JpKr44vP5ybI0A6tQsiaxmpzyKuafdYtkScdtP78H3iYIDKvc2yVDMXDjnlsCgsSjZMNY_vZ9nV8bW6BDLHkkukaKCq3_Iix40IA/s1600/wgtnn.gif” id=”wgbutton” />
</form>
</div>
</div>
</div>

Tweaks & Customization

• Replace Widget-spy with your feedburner user name.
• Adjust the loading time of this widget 3500. For example, 1000 = 1 sec. Choose your own time for loading it.