Subscribe Us

header ads

subscribe popup box

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

Subscription-popup-box

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

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

Subscription-popup-box
Subscription-popup-box
Subscription-popup-box
<!-- 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 -->

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

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

एक टिप्पणी भेजें

7 टिप्पणियाँ

  1. नागपाल जी मे गगल प्‍लस पर नही हू तो क्‍या मे यह विजेट लगा सकता हू या मुझे गुगल प्‍लस पर ज्‍वाईन करना पडेगा पहले निर्देषन करे

    जवाब देंहटाएं
  2. सर एक और प्रश्‍न है कि जब हम कमेन्‍ट करते है तो उसम कई आईडी से कमेन्‍ट कर सकते है पर उसमे याहू के द्वारा वेरीफिकेसन नही आता है इस बारे मे पोस्‍ट दे ताकी जिन पाठको के पास याहू आईडी है वे उनके द्वारा कमेन्‍ट कर सके उत्‍तर की प्रतीक्षा मे

    जवाब देंहटाएं
  3. शानदार विजेट बनाया है आपने। बहुत सुन्दर।

    जवाब देंहटाएं
  4. गूगल प्लस पर आपको अपना पेज तो बनाना ही पड़ेगा | तभी कोई आपको follow कर पायेगा | इस विजेट को लगाने का फायदा भी तभी है |

    जवाब देंहटाएं
  5. बहुत सुन्दर प्रस्तुति..!
    आपकी इस प्रविष्टी की चर्चा कल रविवार (23-12-2012) के चर्चा मंच-1102 (महिला पर प्रभुत्व कायम) पर भी की गई है!
    सूचनार्थ!

    जवाब देंहटाएं
  6. good work .................nd nice site......................nd bhai mje java script k bre m knowledge chaye the

    जवाब देंहटाएं

आपकी टिप्पणी मेरे लिए मेरे लिए "अमोल" होंगी | आपके नकारत्मक व सकारत्मक विचारों का स्वागत किया जायेगा | अभद्र व बिना नाम वाली टिप्पणी को प्रकाशित नहीं किया जायेगा | इसके साथ ही किसी भी पोस्ट को बहस का विषय न बनाएं | बहस के लिए प्राप्त टिप्पणियाँ हटा दी जाएँगी |