subscribe popup box

एक पॉपअप बाक्स में पायें तीन सबकराईब आप्शन

जैसा कि इस पोस्ट की टाइटल से जाहिर है कि एक ही पॉपअप बाक्स में पायें तीन सब्क्राईब आप्शन
1. FaceBook Like
2. Google Plus Follower
3. FeedBurner SubScribe

इसे आपने ब्लॉग पर स्थापित करने के लिए आसन से चरणों का पालन करें |
1. अपने ब्लॉग पर लाग-इन करें |
2. लेआउट पर क्लिक करें |
3. Add a Gadget पर क्लिक करें |
4. HTML/JAVASCRIPT विजेट का चयन करें |
5. अब निम्न चित्र अनुसार निम्न कोड में फेस-बुक पर बनाये पेज का नाम अपने ब्लॉग के नाम से व फीड-बर्नर पर बनाई गयी फीड का नाम व गूगलप्लस फालोवर से बदलने के बाद इस कोड को HTML/JAVASCRIPT विजेट में पेस्ट करने के बाद इसे अपने ब्लॉग की साइडबार में स्थापित कर लें | बस ये विजेट आपके ब्लॉग पर स्थापित हो जायेगा |

<!-- FACEBOOK LIKE, GOOGLE PLUS AND FEEDBURNER POPUP BOX FORM: cityjalalabad.blogspot.in -->
<style type="text/css">
* html #thmstylepopupdiv {position:absolute;}
#thmstylepopupdiv {display:block; top:0px; left:0px; width:100%; height:100%;margin:0; overflow-y:auto; z-index:9999}
#thmstylepopup {background-color:#fff; overflow:none;}
.thmstylepopup {width:640px; height:500px; position:fixed; top:35%; left:40%; margin-top:-200px; margin-left:-200px; border: 3px solid #2650A9; border-radius:8px;padding: 20px; z-index:9999}
.thmtitle {background:#3B5999;color:#fff;font-size: 12px !important;font-weight:bold;margin:5px 0;border-left:10px solid #6D85B5;border-right:10px solid #6D85B5;padding:5px;line-height:15px; font-family:arial !important; float:left; z-index:9999}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/**/
</style>
<![endif]-->
<div id="thmstylepopupdiv">
<div id="thmstylepopup" class="thmstylepopup">
<h3 class="thmtitle">Never Miss Any Update From Us! <img alt="Like" style="vertical-align:middle" src="http://goo.gl/bX6c0" /></h3><right style="float:right; margin-left:10px;cursor:pointer;margin-top:10px;"><span style="12px; color:#000; text-decoration:none;">+Always Remember</span> 
<a target='_blank' style="font-size:12px; color:#f40; text-decoration:none;margin-right:55px;" href="http://cityjalalabad.blogspot.in/">Tips Hindi Mein </a>
<a style=" font-size:12px; color:#343434; text-decoration:none;" onmouseup="document.getElementById('thmstylepopupdiv').style.display='none'"><img style="float:right;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqSsD5lB0RMmu_OIRk5NyKF1tQpXxXfWav4STI21lha8JeQKSfJfz8YYFRRK93NZ64CdZ1l-j0c2Lmt0XfDlemBDZa7R02iuLU2HnNMTUKRjJutINX50ZW3muDUm7wuDLMNoWKgi6KZwY/s1600/close-button.jpg" width="35"/></right>

<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FTipsHindiMein&width=620&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=185" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:650px; height:278px;" allowtransparency="true"></iframe>
</center>
<br/>
<table style="width:640px;margin-top:-30px;">
<tr><td><div style="margin-top:-60px;padding:5px;border:1px solid #eee;">
<a href='http://cityjalalabad.blogspot.com'>
<img alt='Tips Hindi Mein' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUrQlbu5KpjVRPGqpgtS2N88sKpaQOiEcSw_exhkpA0_WsipL7h9BQA_jlHa5wp_QwY79UcE1_QXONVFLfnDTvyZcYp5qYtndsHgRpJYKCWMkM0FLn9cCQjAXF-yjwiZU8Zss7drqbzjqa/s1600/best+blogger+tips.png'/></a>
<div class="g-plus" data-action="followers" data-height="200" data-href="https://plus.google.com/103509920493064770128" data-source="blogger:blog:followers" data-width="315">
</div>
<script type="text/javascript">
      (function() {
        window.___gcfg = {'lang': 'en'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>
</div>
</td>

<td style="max-width:300px;max-height:170px;">
<a class="email" href="http://feedburner.google.com/fb/a/mailverify?uri=CityJalalabad">
<img style="margin-left:10PX;float:left;margin-top:-50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiSTCV2tZyPTDqIUCLeoFR8O4IfI28wHtAR23yrjzv0M0X0Xnvf6XRyVI2Gld_lQisZoH1ONZaONrpGoKNHGrjS0xn6l4HP0sX4SS96Qby6EHzkN-1J_lkX8W7IXoT3eIuM8Q8Jsbnp6Y/s1600/email.png" width="55"/></a>
<h4 style="text-align:center;margin-left:65px;margin-top:-50px;" ><a href="http://feedburner.google.com/fb/a/mailverify?uri=CityJalalabad">Subscribe on Feed Burner :</a></h4>
 <h5 style="text-align:center;font-size:12px;color:#bbb;line-height:17px;margin-left:75px;margin-top:15px;" >Get alerts directly into your inbox after each post and stay updated!</h5>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=CityJalalabad', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input style="margin-left:102px;" gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" />

<br/>
<input style="margin-left:100px;color:#fff;background:#228600;width:155px;border-radius:5px;padding:7px;" class="sub" value="Submit" class="submitbutton" type="submit" />
</form>
<br/>
</td>
</tr>
</table>
<a style="font-family: Arial,Tahoma;font-size:9px;padding-top:7px;display:block;" href="http://cityjalalabad.blogspot.com/2012/12/subscribe-popup-box.html" target="_blank">Get This on : Tips Hindi Mein </a>
</div></div>
<!-- FACEBOOK LIKE, GOOGLE PLUS AND FEEDBURNER POPUP BOX FORM: cityjalalabad.blogspot.in -->

क्या आपको ये लेख पसंद आया ? यदि हां !!! तो टिप्पणी अवश्य दें ताकि निरंतर लिखने की चाह बनी रहे |

"टिप्स हिन्दी में ब्लॉग" की हर नई जानकारी अपने मेल-बॉक्स में मुफ्त पाएं !