Add Pop-Up Feedburner Subscription Widget on Blogger Blogs

Feedburner is the best option to make the readers to to feel happy while reading articles. The feeds generated here will increase your blog traffic and your rankings. Recently I’ve shared two widgets on Feedburner. Now here I’m with Feedburner Subscription Box for Blogger. These subscription box will increase your blog readers or members so I decided to share this awesome widget with you guys! Hope this will surely help your blog to shine with huge readers. Actually what these feedburner widgets will do? If you’ve added this widget to your blog, then while someone else visit your blog then this Subscription box will pop up in unique style which may attracts the users to subscribe for your feeds. This how the subscription box works!

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(http://3.bp.blogspot.com/-7Sw80gJCVfY/U0a5XgFSxfI/AAAAAAAAHik/U10OgpVFX0U/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=”http://1.bp.blogspot.com/-d793Rqqvmwk/U0a5tz4JtMI/AAAAAAAAHis/BWv62c3FA6M/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=triposoft‘, ‘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=”http://3.bp.blogspot.com/-380kiAZ85g0/U0a58SZ7-0I/AAAAAAAAHi0/kusJh7kaSOg/s1600/wgtnn.gif” id=”wgbutton” />
</form>
</div>
</div>
</div>

Tweaks & Customization

  • Replace triposoft 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.

Final thoughts

Hope you will like this tutorial! Kindly do some likes and shares it with your friends. If you’re facing any issues then drop them in comments below. I thank Widgetgenerators for sharing this awesome widget with us. Don’t forget to share your thoughts in comments below! Cheers:)

Comments

  1. I used your widget..made a few changes to it though, but i didn’t want to affect the time though i would like to make it only appear once.
    it shows up upon loading each page but i want it to only show up once at the beginning of my readers visit. help…

  2. Didn’t work…..no pop up box ever showed up 🙁 PLEASE ADVISE ! Thank you.

Speak Your Mind

*

CommentLuv badge