Is this the first question?

Yes, this is the first question.

गोण्डा लाइव न्यूज एक प्रोफेशनल वेब मीडिया है। जो समाज में घटित किसी भी घटना-दुघर्टना "✿" समसामायिक घटना"✿" राजनैतिक घटनाक्रम "✿" भ्रष्ट्राचार "✿" सामाजिक समस्या "✿" खोजी खबरे "✿" संपादकीय "✿" ब्लाग "✿" सामाजिक "✿" हास्य "✿" व्यंग "✿" लेख "✿" खेल "✿" मनोरंजन "✿" स्वास्थ्य "✿" शिक्षा एंव किसान जागरूकता सम्बन्धित लेख आदि से सम्बन्धित खबरे ही निःशुल्क प्रकाशित करती है। एवं राजनैतिक , समाजसेवी , निजी खबरे आदि जैसी खबरो का एक निश्चित शुल्क भुगतान के उपरान्त ही खबरो का प्रकाशन किया जाता है। पोर्टल हिंदी क्षेत्र के साथ-साथ विदेशों में हिंदी भाषी क्षेत्रों के लोगों के बीच बहुत लोकप्रिय है और भारत में उत्तर प्रदेश गोण्डा जनपद में स्थित है। पोर्टल का फोकस राजनीतिक और सामाजिक मुद्दों को उठाना है और आम लोगों की आवाज बनना है जो अपने अधिकारों से वंचित हैं। यदि आप अपना नाम पत्रकारिता के क्षेत्र में देश-दुनिया में विश्व स्तर पर ख्याति स्थापित करना चाहते है। अपने अन्दर की छुपी हुई प्रतिभा को उजागर कर एक नई पहचान देना चाहते है। तो ऐसे में आप आज से ही नही बल्कि अभी से ही बनिये गोण्डा लाइव न्यूज के एक सशक्त सहयोगी। अपने आस-पास घटित होने वाले किसी भी प्रकार की घटनाक्रम पर रखे पैनी नजर। और उसे झट लिख भेजिए गोण्डा लाइव न्यूज के Email-gondalivenews@gmail.com पर या दूरभाष-8303799009 -पर सम्पर्क करें।

blogger me stylish email subscribe widget kaise lagaye

मित्रो आज हम आप लोगो को ब्लाग में स्टाइलिश ईमेल सब्सक्राइब विजेट के बारे में जानकारी उपलब्ध करायेगे। मित्रो ब्लाग बनाने के बाद हम ब्लाग में ईमेल सब्सक्राइब विजेट के द्वारा ब्लाग के विजिटर हमारे ब्लाग के फीड को सब्सक्राइब कर सकते है। जिससे विजिटर को प्रत्तेक पोस्ट अपडेट की सूचना ईमेल के माध्यम से मिल जाता है। हालाकि हमें ब्लाग में पहले से ही एक साधारण ईमेल सब्सक्राइब विजेट मिलता है। जिसको आप लेआउट के माध्यम से आसानी से ब्लाग में एड कर सकते है। परन्तु उसका डिजाइन बहुत ही साधारण होता है,कहने का मतलब वह बहुत ज्यादा स्टाइलिश नही होता जिससे विजिटर का ध्यान उस पर नही जा पाता है। जिससे वे अक्सर ब्लाग को सब्सक्राइब भी नही कर पाते है। परन्तु आज हम आप लोगो को आज टाप टेन स्टाइलिश सब्सक्राइब विजेट के बारे में जानकारी उपलब्ध कराने जा रहे है। और यह सब्सक्राइब विजेट स्टाइलिश डिजाइन किये गये है और वह रिस्पान्सिव भी है। यानि की आपके ब्लाग के थीम साइज के अनुरूप् आटोमेटिक रूप से फिट हो जाता है। जिससे यह डेक्सटाप और मोबाइल दोनो में बेहतर तरीके से प्रदर्शित होता है। इसका डिजाइन इतना अच्छा होता है कि विजिटर पर ध्यान स्वतः चला जाता है और ऐसे में ब्लाग को सब्सक्राइब करने की सम्भीवना भी बढ जाता है। वैसे भी ब्लागर ब्लाग को एक प्रोफेशनल लुक देने व यूजर फ्रेन्डली डिजादन करने के लिए उसमें ईमेल सब्सक्राइब विजेट एड करन भी बहुत जरूरी होता है। तो चलिए अब हम समझते है कि ब्लाग में ईमेल सब्सक्राइब विजेट कैसे एड करते है।

ब्लाग में स्टाइलिश ईमेल सब्सक्राइब विजेट कोड क्या है -

मित्रो सबसे पहले नीचे दिये गये स्टाइलिश ईमेल सब्सक्राइब विजेट कोड को कापी पेस्ट कर ले या वायरस मुक्त कोड को डाउनलोड बाटम पर क्लिक करके डाउनलोड कर ले। जिससे आपको ब्लाग में स्टाइलिश ईमेल सब्सक्राइब विजेट कोड लगाने में आसानी हो सके।

स्टाइलिश ईमेल सब्सक्राइब विजेट कोड डिजाइन-01

<style type="text/css">
.hbzsub {
    background-color: rgb(87, 98, 105);
    width: 100%;
    height: 100%;
    padding: 5px;
    box-shadow: 0px 0px 5px rgb(87, 98, 105);
}

.hbzform-inner {
    text-align: center;
    color: rgb(255, 255, 255);
    font: bold 16px "trebuchet MS","Tahoma";
}

.hbzemailform {
    width: 240px;
    margin: 10px auto;
}

#hbzemailbox {
    background-color: #798187;
    color: #FFF;
    width: 208px;
    border: 1px solid #697780;
    padding: 15px;
    text-align: center;
    height: 18px;
    box-sizing: content-box;
}

#hbzemailbutton {
    background-color: rgb(243, 93, 92);
    border: 1px solid rgb(215, 84, 83);
    color: rgb(255, 255, 255);
    width: 240px;
    font: bold 16px "trebuchet MS","Tahoma";
    padding: 15px;
    text-align: center;
    height: 50px;
    margin: 10px auto;
    cursor: pointer;
}

#hbzemailbutton:hover {
    background-color: #E64C4B;
    border: 1px solid #BF4A49;
}

.hbzsignup-form {
    margin-top: 15px;
}

.hbzsocial-icons {
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid rgb(133, 133, 133);
    width: 230px;
    display: block;
    margin: 20px auto;
}

.hbzsocial-icons ul {
    margin: 0px auto !important;
    text-align: center;
    padding: 0px !important;
    display: inline-block;
}

.hbzsocial-icons ul li {
    background: transparent none repeat scroll 0% 0% !important;
    border: medium none !important;
    float: left;
    list-style-type: none !important;
    padding: 0px !important;
    margin: 0px 2px !important;
}

.hbzsocial-icons ul li::before,
.hbzsocial-icons ul li::after {
    display: none !important;
}

.hbzsocial-icons ul li a, .hbzsocial-icons ul li a:hover {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUudV4D6VutHbaIq58fE5cZclLkzJCjTFaapippevPICQ4L1doXLbzZ294-RMUcyAd9az98WnBszRdLHzFNDU4mIRVWyP5qxqJb1qC0pShftveEQ5djPzOSDSywMdFPWXtwYeLXC2-Fa7D/s1600/sprite_32x32.png") no-repeat scroll 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 34px;
    overflow: hidden;
    text-indent: -999px;
    transition: all 0.25s linear 0s;
    width: 34px;
}

.hbzsocial-icons ul li.social-facebook a {
    background-position: -62px 1px;
}

.hbzsocial-icons ul li.social-facebook a:hover {
    background-color: #3b5998; 
}

.hbzsocial-icons ul li.social-twitter a {
    background-position: -254px 1px;
}

.hbzsocial-icons ul li.social-twitter a:hover {
    background-color: #00aced; 
}

.hbzsocial-icons ul li.social-gplus a {
    background-position: -95px 0px;
}

.hbzsocial-icons ul li.social-gplus a:hover {
    background-color: #dd4b39; 
}

.hbzsocial-icons ul li.social-pinterest a {
    background-position: -159px 1px;
}

.hbzsocial-icons ul li.social-pinterest a:hover {
    background-color: #cb2027; 
}

.hbzsocial-icons ul li.social-rss a {
    background-position: -190px 0px;
}

.hbzsocial-icons ul li.social-rss a:hover {
    background-color: #F87E12; 
}

</style>

<div class="hbzsub">

<div class="hbzsocial-icons">
  <ul>
<li class="social-facebook"><a href="[Fb url]" target="_blank" title="Facebook">Facebook</a></li>
<li class="social-twitter"><a href="[Twitter url]" target="_blank" title="Twitter">Twitter</a></li>
<li class="social-gplus"><a href="[Google+ url]" target="_blank" title="Google+">Google+</a></li>
<li class="social-pinterest"><a href="[Pinterest url]" target="_blank" title="Pinterest">Pinterest</a></li>
<li class="social-rss"><a href="[RSS url]" target="_blank" title="RSS">RSS</a></li>
</ul>
</div>
<div class='hbzsignup-form'>
  <div class='hbzform-inner'>
   <h4>
Subscribe to my Newsletter</h4>
</div>
<div class='hbzemailform'>
   <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=[Your Blog uri]', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
    <input name='uri' type='hidden' value='[Your Blog uri]'/>
    <input name='loc' type='hidden' value='en_US'/>
    <input id='hbzemailbox' name='email' required='' type='text' placeholder='Your Email'/>
    <input id='hbzemailbutton' title='' type='submit' value='Subscribe'/>
   </form>
</div>
</div>
</div>

STYLISH EMAIL SUBSCRIBE WIDGET CODE-DOWNLOAD

स्टाइलिश ईमेल सब्सक्राइब विजेट कोड डिजाइन-02

<<style type="text/css">
.hbzsignup-form {
    background: transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl5jMd1hW7N8p5r3Hvphgtx2TlPrKQVxJX3Pz48busW6JSg2CKM-PvM9GvkoHPH1noptF8Poor3rl_xiOCfJNGDSsKFTZwfWTOBxjGwjfDkYmdbtFFhiZDkQTLumz2AyMcTLTlX6AvcRtt/s1600/Email-bg.jpg") no-repeat scroll center center / 250px 150px;
    height: 150px;
    width: 250px;
    margin: 10px auto 60px auto;
}

.hbzform-inner p {
    text-align: center;
    color: #fff;
    padding: 10px;
    font: bold 18px "trebuchet MS","Tahoma";
}

.hbzemailform {
    margin: 120px auto 5px;
    width: 215px;
}

#hbzemailbox {
    background: #FEFEFE none repeat scroll 0% 0%;
    border: medium none;
    font: 12px/12px "HelveticaNeue",Helvetica,Arial,sans-serif;
    margin-right: 5px;
    box-shadow: 0px 0px 4px rgb(207, 207, 207) inset, 1px 1px 1px rgb(186, 186, 186);
    padding: 7px;
    box-sizing: content-box;
    height: 12px;
    vertical-align: top;
    display: inline-block;
}
#hbzemailbutton {
    background: transparent linear-gradient(to bottom, rgb(202, 48, 40) 0%, rgb(235, 88, 78) 100%) repeat scroll 0% 0%;
    box-shadow: 0px 0px 2px rgb(182, 37, 32) inset;
    border: medium none;
    color: #FFF;
    cursor: pointer;
    font: 13px/13px "HelveticaNeue",Helvetica,Arial,sans-serif;
    padding: 6px;
    border-radius: 5px;
    height: 27px;
    display: inline-block;
}

#hbzemailbutton:hover {
    background: transparent linear-gradient(to bottom, #CA3028 0%, #B72420 100%) repeat scroll 0% 0%;
}

.hbzsocial-icons {
    margin: 20px 0 0;
    overflow: hidden;
    display: block;
    text-align: center;
}

.hbzsocial-icons ul {
    display: inline-block;
    margin: 0 auto !important;
    text-align: center;
    padding: 0px
}

.hbzsocial-icons ul li {
    background: transparent !important;
    border: none !important;
    float: left;
    list-style-type: none !important;
    margin: 0 4px 10px !important;
    padding: 0 !important;
}

.hbzsocial-icons ul li::before,
.hbzsocial-icons ul li::after {
    display: none !important;
}

.hbzsocial-icons ul li a, .hbzsocial-icons ul li a:hover {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUudV4D6VutHbaIq58fE5cZclLkzJCjTFaapippevPICQ4L1doXLbzZ294-RMUcyAd9az98WnBszRdLHzFNDU4mIRVWyP5qxqJb1qC0pShftveEQ5djPzOSDSywMdFPWXtwYeLXC2-Fa7D/s1600/sprite_32x32.png") no-repeat scroll 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 38px;
    overflow: hidden;
    text-indent: -999px;
    transition: all 0.25s linear 0s; width: 38px;
}

.hbzsocial-icons ul li.social-facebook a {
    background-color: #3b5998;
    background-position: -60px 3px;
}

.hbzsocial-icons ul li.social-twitter a {
    background-color: #00aced;
    background-position: -253px 3px;
}

.hbzsocial-icons ul li.social-gplus a {
    background-color: #dd4b39;
    background-position: -93px 3px;
}

.hbzsocial-icons ul li.social-pinterest a {
    background-color: #cb2027;
    background-position: -157px 3px;
}

.hbzsocial-icons ul li.social-rss a {
    background-color: #F87E12;
    background-position: -189px 3px;
}
.hbzsocial-icons ul li a:hover {
    background-color: #333; 
}

.hbzsocial-like {
    display: block;
    text-align: center;
}

.hbzsocial-like tbody, .hbzsocial-like tbody tr {
    display: block;
}

.hbzfb-likes {
    display: inline-block;
    padding-bottom: 15px;
    margin-right: 5px;
}

.hbztw-follow {
    display: inline
}

</style>

<div>
 <div class='hbzsignup-form'>
  <div class='hbzform-inner'>
   <p>
Sign Up for Email Updates</p>
</div>
<div class='hbzemailform'>
   <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=[Your Blog uri]', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
    <input name='uri' type='hidden' value='[Your Blog uri]'/>
    <input name='loc' type='hidden' value='en_US'/>
    <input id='hbzemailbox' name='email' required='' type='text' placeholder='Enter your email...'/>
    <input id='hbzemailbutton' title='' type='submit' value='Sign up'/>
   </form>
</div>
</div>
<div class="hbzsocial-icons">
  <ul>
<li class="social-facebook"><a href="[Fb url]" target="_blank" title="Facebook">Facebook</a></li>
<li class="social-twitter"><a href="[Twitter url]" target="_blank" title="Twitter">Twitter</a></li>
<li class="social-gplus"><a href="[Google+ url]" target="_blank" title="Google+">Google+</a></li>
<li class="social-pinterest"><a href="[Pinterest url]" target="_blank" title="Pinterest">Pinterest</a></li>
<li class="social-rss"><a href="[RSS url]" target="_blank" title="RSS">RSS</a></li>
</ul>
</div>
<table class='hbzsocial-like'>
  <tbody>
<tr>
    <td class='hbzfb-likes'>
     <div id="fb-root">
     </div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
     </script>
     <div class="fb-like" data-href="[facebook url]" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false">
     </div>
</td>
    <td class='hbztw-follow'>
     <a href="[Twitter url]" class="twitter-follow-button" data-show-count="true" data-show-screen-name="false" data-dnt="true">Follow @[Twitter Username]</a>
     <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
     </script>
    </td>
   </tr>
<tbody>
 </table>
</div>

STYLISH EMAIL SUBSCRIBE WIDGET CODE-DOWNLOAD

स्टाइलिश ईमेल सब्सक्राइब विजेट कोड डिजाइन-03

<style type="text/css">
.hbzsub {
    background-color: #1E293B;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 10px rgb(30, 41, 59);
}

.hbzemailform {
    width: 239px;
    margin: 10px auto;
}

.hbzform-inner h4 {
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 10px;
    font: bold 18px/40px "trebuchet MS","Tahoma";
}

#hbzemailbox {
    background-color: #FFF;
    border: 1px solid #FFF;
    border-radius: 7px 0px 0px 7px;
    height: 20px;
    padding: 6px;
    box-sizing: content-box;
}

#hbzemailbutton {
    background-color: #F0553B;
    border: 1px solid #F0553B;
    color: #FFF;
    height: 34px;
    border-radius: 0px 7px 7px 0px;
    margin-left: -4px;
    font-weight: 600;
    cursor: pointer;
}

#hbzemailbutton:hover {
    background-color: #1E293B;
    border: 1px solid #FFF;
    box-shadow: 0 0 5px #ddd;
}

.hbzsocial-like {
    background: transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOSwbh3U8wALEIjSxvTEf5imeV_5cH74HEinEyCeiCGUZH7-zdqLoP5iweiElEP4OR5Ufl7dfXu1YplG6z_Gjeub_jMkmxqjbSDnJmRNPcITQjeguZyyQFycxT4RytWDGyDTXDE1sxuhsP/s1600/Facebook-twitter-rectangle.png") no-repeat scroll center center / 250px 157px;
    width: 250px;
    height: 120px;
    margin: 10px auto;
}

.hbzfb-likes {
    margin-top: 90px;
    margin-left: 20px;
    position: absolute;
    display: block;
    box-shadow: 0px 0px 10px rgba(9, 42, 87, 0.73);
}

.hbztw-follow {
    display: block;
    margin-left: 152px;
    position: absolute;
    margin-top: 89px;
    box-shadow: 0 0 10px rgba(2, 81, 173, 0.59);
    height: 20px;
}
</style>

<div class="hbzsub">
 <div class='hbzsignup-form'>
  <div class='hbzform-inner'>
   <h4>
Get Posts In Your Inbox</h4>
</div>
<div class='hbzemailform'>
   <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=[Your Blog uri]', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
    <input name='uri' type='hidden' value='[Your Blog uri]'/>
    <input name='loc' type='hidden' value='en_US'/>
    <input id='hbzemailbox' name='email' required='' type='text' placeholder='Enter Your Email Here...'/>
    <input id='hbzemailbutton' title='' type='submit' value='Subscribe'/>
   </form>
</div>
</div>
<table class='hbzsocial-like'>
  <tbody>
<tr>
    <td class='hbzfb-likes'>
     <div id="fb-root">
     </div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
     </script>
     <div class="fb-like" data-href="[facebook url]" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false">
     </div>
</td>
    <td class='hbztw-follow'>
     <a href="[Twitter url]" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false" data-dnt="true">Follow @[Twitter Username]</a>
     <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
     </script>
    </td>
   </tr>
</tbody>
 </table>
</div>

STYLISH EMAIL SUBSCRIBE WIDGET CODE-DOWNLOAD

स्टाइलिश ईमेल सब्सक्राइब विजेट कोड डिजाइन-04

<style type="text/css">  
   .wk_subs {  
     background-color: rgb(255, 255, 255);  
     width: 100%;  
     height: 100%;  
     border: 1px dashed #ddd;  
   }  
   .wk_sub {  
     color: rgb(255, 255, 255);  
     background-color: rgb(11, 172, 227);  
     padding: 10px 0;  
     text-align: center;  
     font: bold 15px "trebuchet MS", "Tahoma";  
     width: 100%;  
   }  
   .wk_email_form {  
     width: 235px;  
     margin: 10px auto;  
   }  
   #wk_email_box {  
     background-color: #FFF;  
     color: #747474;  
     width: 130px;  
     border: 1px solid #D8D8D8;  
     padding: 7px;  
     height: 18px;  
     display: inline-block;  
     vertical-align: top;  
     box-shadow: inset 0px 0px 5px #c2c2c2;  
     box-sizing: content-box;  
     font-size: 13px;  
   }  
   #wk_email_button {  
     background-color: rgb(243, 93, 92);  
     border: 1px solid rgb(215, 84, 83);  
     color: rgb(255, 255, 255);  
     width: 85px;  
     font: bold 13px "trebuchet MS", "Tahoma";  
     padding: 7px;  
     text-align: center;  
     cursor: pointer;  
     display: inline-block;  
     height: 34px;  
   }  
   #wk_email_button:hover {  
     background-color: #E64C4B;  
     border: 1px solid #BF4A49;  
   }  
   .wk_signup_form {  
     margin-top: 15px;  
   }  
   .wk_social_icons {  
     overflow: hidden;  
     text-align: center;  
     display: block;  
     margin: 20px auto;  
   }  
   .wk_social_icons ul {  
     margin: 0px auto !important;  
     text-align: center;  
     padding: 0px !important;  
     display: inline-block;  
   }  
   .wk_social_icons ul li {  
     background: transparent none repeat scroll 0% 0% !important;  
     border: medium none !important;  
     float: left;  
     list-style-type: none !important;  
     padding: 0px !important;  
     margin: 0px 5px !important;  
   }  
   .wk_social_icons ul li::before,  
   .wk_social_icons ul li::after {  
     display: none !important;  
   }  
   .wk_social_icons ul li a {  
     background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUudV4D6VutHbaIq58fE5cZclLkzJCjTFaapippevPICQ4L1doXLbzZ294-RMUcyAd9az98WnBszRdLHzFNDU4mIRVWyP5qxqJb1qC0pShftveEQ5djPzOSDSywMdFPWXtwYeLXC2-Fa7D/s1600/sprite_32x32.png") no-repeat scroll 0 0;  
     -moz-border-radius: 50%;  
     -webkit-border-radius: 50%;  
     display: block;  
     height: 34px;  
     overflow: hidden;  
     text-indent: -999px;  
     transition: all 0.25s linear 0s;  
     width: 34px;  
   }  
   .wk_social_icons ul li a:hover {  
     background-color: #aeaeae !important;  
   }  
   .wk_social_icons ul li.social-facebook a {  
     background-position: -62px 1px;  
     background-color: #3b5998;  
   }  
   .wk_social_icons ul li.social-twitter a {  
     background-position: -254px 1px;  
     background-color: #00aced;  
   }  
   .wk_social_icons ul li.social-gplus a {  
     background-position: -95px 0px;  
     background-color: #dd4b39;  
   }  
   .wk_social_icons ul li.social-pinterest a {  
     background-position: -159px 1px;  
     background-color: #cb2027;  
   }  
 </style>  
 <div class="wk_subs">
  
   <div class="wk_sub">
Join Our Newsletter For Free</div>
<div class='wk_signup_form'>
  
     <div class='wk_email_form'>
  
       <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=[your blog uri]', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
 <input name='uri' type='hidden' value='[Your Blog uri]' /> <input name='loc' type='hidden' value='en_US' /> <input id='wk_email_box' name='email' required='' type='text' placeholder='Your Email Address' /> <input id='wk_email_button' title='' type='submit' value='Subscribe' /> </form>
</div>
<div class="wk_sub">
Sociliaze with Us</div>
<div class="wk_social_icons">
  
       <ul>
<li class="social-facebook"><a href="[Fb url]" target="_blank" title="Facebook">Facebook</a></li>
<li class="social-twitter"><a href="[Twitter url]" target="_blank" title="Twitter">Twitter</a></li>
<li class="social-gplus"><a href="[Google+ url]" target="_blank" title="Google+">Google+</a></li>
<li class="social-pinterest"><a href="[Pinterest url]" target="_blank" title="Pinterest">Pinterest</a></li>
</ul>
</div></div></div>

STYLISH EMAIL SUBSCRIBE WIDGET CODE-DOWNLOAD

स्टाइलिश ईमेल सब्सक्राइब विजेट कोड डिजाइन-05

<style type='text/css'>#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjXQc5K2yxejoUzGkSLKa69qrFQQ93X-f2KfiKsC_DjsW0jDs9xjSR1v1gYMy7SyjEmAW4eZTuG0gO9hRIQK4LHOciyZeD8s_wqCtU8UJctRLsmTNzH5PGQ_qoU_EtnigltLo7n5XA8K0/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiteQ_IgwZAuz-fwcoiudhgPHbYSSgQGyglpK9ETNYzfBiNP5FDiHilAxXTdi0443JYcGHOhEzUoV2J-6eTpScq3h_796sXzqfNgZhLs6Y_34JgAWFnTf5Mgt3_RG84i8No4lm1LM9whjP0/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:10px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHDgitVaU-SK9nKsKtbH62oXNJnd-07627AZQET2eRv6kts0bJAuux7xxO3Z5lwCkh9Fhm0EIKt-gMuPl9sO6Meu4wwtDTH_0xe1dhouz9LwlwqxHuJTerk2FsiMzeJI-rF5yOoIDKxg81/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ6i1rjXSNJeqvc71n_x4vgN0MSZBvqhZCgDzN3bpd17eXdkXQgEyUo2BDpDDXGXBLpwUrZkIn_iMfsW705ayQ126nXvbNeGUV1aqslqUtxi1MnFWDrFi5Cvk4T9kNs-M-W2FUHc9XDsjK/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}</style><div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>Subscribe to our email gondalivenews newsletter & receive updates right in your inbox.</p><div class="sidebar-subscribe-box-form"><form action="https://feedburner.google.com/fb/a/mailverify?uri=gondalivenews" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=gondalivenews, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="gondalivenews" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address :)"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now Gondalivenews  !"/></form></div></div></div>

STYLISH EMAIL SUBSCRIBE WIDGET CODE-DOWNLOAD

स्टाइलिश ईमेल सब्सक्राइब विजेट कोड डिजाइन-06

<style type='text/css'>#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjXQc5K2yxejoUzGkSLKa69qrFQQ93X-f2KfiKsC_DjsW0jDs9xjSR1v1gYMy7SyjEmAW4eZTuG0gO9hRIQK4LHOciyZeD8s_wqCtU8UJctRLsmTNzH5PGQ_qoU_EtnigltLo7n5XA8K0/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiteQ_IgwZAuz-fwcoiudhgPHbYSSgQGyglpK9ETNYzfBiNP5FDiHilAxXTdi0443JYcGHOhEzUoV2J-6eTpScq3h_796sXzqfNgZhLs6Y_34JgAWFnTf5Mgt3_RG84i8No4lm1LM9whjP0/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:10px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHDgitVaU-SK9nKsKtbH62oXNJnd-07627AZQET2eRv6kts0bJAuux7xxO3Z5lwCkh9Fhm0EIKt-gMuPl9sO6Meu4wwtDTH_0xe1dhouz9LwlwqxHuJTerk2FsiMzeJI-rF5yOoIDKxg81/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ6i1rjXSNJeqvc71n_x4vgN0MSZBvqhZCgDzN3bpd17eXdkXQgEyUo2BDpDDXGXBLpwUrZkIn_iMfsW705ayQ126nXvbNeGUV1aqslqUtxi1MnFWDrFi5Cvk4T9kNs-M-W2FUHc9XDsjK/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}</style><div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>Subscribe to our email gondalivenews newsletter & receive updates right in your inbox.</p><div class="sidebar-subscribe-box-form">
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=Gondanewslive', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="Gondanewslive" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe Now Gondalivenews" /><p>Delivered by <a href="https://feedburner.google.com" target="_blank">FeedBurner</a></p></form></div></div></div>

STYLISH EMAIL SUBSCRIBE WIDGET CODE-DOWNLOAD

Configuration of Subscription Box.

Replace [Your Blog uri] with Your blog Uri which is basically your Feed title. You can get it by visiting http://feedburner.google.com and then navigate to Publicize > Email Subscription and find your uri value in given box. For eg: http://feedburner.google.com/fb/a/mailverify?uri=gondlivenews and <input name='uri' type='hidden' value='gondalivenews'/>
Replace [Fb url] with your Facebook page URL. For eg: https://www.facebook.com/gondlivenews
Replace [Twitter url] with your twitter page URL. For eg: http://www.twitter.com/gondalivenews
Replace [RSS url] with your RSS URL. For eg: http://feeds.feedburner.com/gondalivenews
Replace [Pinterest url] with your pinterest URL.
Replace [Twitter Username] with your twitter account username. For eg : @gondalivenews
Replace [Fb Page Name] with your Facebook Page Name. For eg : gondalivenews

ब्लॉग में स्टाइलिश ईमेल सब्सक्राइब विजेट कैसे लगाये ?

मित्रो ब्लाग या वेबसाइट में यदि आप ब्लॉग में स्टाइलिश ईमेल सब्सक्राइब विजेट लगाना चाहते है तो आपको इसके लिए दिये गये स्टेप को फालो करना होगा। जिससे आपको ब्लॉग में ब्लॉग में स्टाइलिश ईमेल सब्सक्राइब विजेट लगाने में आसानी हो सके।

स्टेप-संख्या-01

इसके लिए आप सबसे पहले अपने ब्लागर ब्लाग के डेशर्बोड में लागिंन करे ?
इसके बाद अब आप ब्लाग के layout पर क्लिक करे।
इसके बाद अब आप add a gadget पर क्लिक करे।

स्टेप-संख्या-02

इसके बाद अब आप HTML/JavaScript पर क्लिक करे।

स्टेप-संख्या-03

इसके बाद अब आप टाइटिल के नीचे वाले खाली बाक्स content box में कापी किये गये एचटीएमएल/जावा स्क्रिप्ट कोड को पेस्ट कर दे।
जब आपका सब कुछ कम्पलीट हो जाए तो आपको अंत में Save Arrangement सेव बाटन पर क्लिक करके सुरक्षित सेव कर लेना है।

नोट - मित्रो अब आप देखेगें की आपका ब्लॉग में स्टाइलिश ईमेल सब्सक्राइब विजेट आसानी के साथ सुरक्षित एड हो चुका है। आप अपने सुविधा के अनुसार स्टाइलिश ईमेल सब्सक्राइब विजेट को जहां चाहे वहा पर कोड बाक्स के लेआउट को सेट कर सकते है।

मित्रो अब मुझे उम्मीद है कि आप लोगो ने ब्लाग में स्टाइलिश ईमेल सब्सक्राइब विजेट यानि की कैसे ब्लॉग में स्टाइलिश ईमेल सब्सक्राइब विजेट कैसे लगाये ? को अच्छे से एड कर लिया होगा। परन्तु इसे आप एक बार अपने पेज को क्लिक कर ओपेन करने के उपरान्त अवश्य चेक कर ले की आपके ब्लाग में पोस्ट विजेट ठीक प्रकार से कार्य कर रहा है या नही। हां यदि आप लोगो को इस आर्टिकल से रिलेटेड किसी भी प्रकार की कोई समस्या उत्पन्न होता है। तो इसके लिए आप लोग हमे ईमेल के माध्यम से या ब्लाग पर कमेन्ट कर अपने समस्या को साझा कर सकते है जिससे आपके समस्या का निदान किया जा सके। यदि आप ब्लॉगर ब्लाग में stylish email subscribe widget लगाने के लिए दिए गये तकनीकों को सीखते हैं, तो कृपया नीचे टिप्पणी करें, या दूसरों की मदद करने के लिए इस लेख को साझा करें।

blogger me stylish email subscribe widget kaise lagaye

ब्लाग में स्टाइलिश ईमेल सब्सक्राइब विजेट कोड क्या है -

स्टाइलिश ईमेल सब्सक्राइब विजेट कोड डिजाइन-01

No comments:

Post a Comment

blogger me stylish email subscribe widget kaise lagaye

ब्लाग में स्टाइलिश ईमेल सब्सक्राइब विजेट कोड क्या है -

स्टाइलिश ईमेल सब्सक्राइब विजेट कोड डिजाइन-01

You may also like:

No comments:

Post a Comment