khatris creation complete pc and blogging solutions
-

Add professional feedburner pop up widget in blogger

hello readers welcome back..today i will show you how to add professional feedburner pop up widget in blogger.all the peoples want pop up widget in their blogger.so 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.
add this widget in your blogger ......

log in to blogger>dashboard>layout>add gadget>select HTML/javascripts and add the following code...

<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();’,4000);
</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/AVvXsEjswsGd_YVITC7qV5pTtefFzKkFvkQ9Hj6acmh_f1h_KHtZO9TTFyw6KZhlScgyoGq3vxO3TJQNHzPFwh81-uSUvdLLnV9dB-PRVh_5ec9dYTGGzxUvuvGuJvtfYiS5dd_SjqCPqlCrXWGm/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/AVvXsEjLmKCYGeboVfLX7wO9TvVNatrPUx-9Uc5cPvcuYBErqScMWfektrMFSMF3VKZGjUE79umb0QsRmivDrcNJb_3Kqv_nnio9s66ZsXJ3fPv-EKW2kHf3kJRldmK3Iq_w1SDoxXKIadJcPBTT/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=khatriscreation‘, ‘popupwindow’, ‘scrollbars=yes, width=600, height=550’); return true”>
<input type=”hidden” value=”khatriscreation” 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/AVvXsEhofsY83kN00G-Vgp2kG81Tc6G79sWtPy8_ldGkFVROSa4_Cu0dslcnf9XaBf3TeHo30Y-rQnpY9Sbs67PWPJ3lXYU3pjLi-vBjX_vZqamEJ5wEL-6aI20GqhV3EZZoKhqZzbDQbZYxg2Cx/s1600/wgtnn.gif” id=”wgbutton” />
</form>
</div>
</div>
</div> 


customization  ...
Replace khatriscreation with your feedburner user name.
Adjust the loading time of this widget 4000. 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. Don’t forget to share your thoughts in comments below! Cheers:)
 
Previous
Next Post »