Blog में Mashable Stylish Subscription Box Widget v2.0 कैसे Add करे ?

Hello Friends कुछ दिनों पहले मैंने Blogger Blog Me Stylish Mashable Style Social Subscription Box Widget v1.0 लगाने के लिए एक Post Publish की थी. और हमारे बहुत से Readers को यह Widget बहुत पसंद आया.

जिनमे से बहुत से Bloggers ने कहा की हमें इस Stylish Social Subscription Widget में और सुधार करने चाहिए. और इसमें अन्य Cool Features और ज्यादा Social Profile Likes जैसे की Pinterest, Facebook, Twitter, RSS आदि Add करने चाहिए So Friends आज हम आपके Blogger Blog के लिए Stylish Subscription Box Widget v2.0 लेकर आये है.

जो की WordPress का सबसे Popular Mashable Style Susbscrtipiton Box Widget का Updated Version Stylish Mashble Style Subscription Box Widget v2.0 है. तो दोस्तों आइये हम इस Stylish Social Subscription Box Widget v2.0 Ko Apne Blogger Blog Me Add करतें है.


Blog Me Mashable Style Stylish Subscription Box Widget v2.0 Kaise Add Kare


Friends Mashable Style Social Subscription Box Widget v2.0 एक Attractive Subscription Form है. जिससे आप अपने Email Subscribers or Other Social Network Followers में व्रद्धी कर सकतें है.

Blogger Blog Me Stylish Subscription Box Widget v2.0 Add करने से पहले आइये हम इस Stylish Subscription Widget v2.0 के Features जान लेतें है.

  1. Facebook Likebox
  2. Recommanded us on Google+ Button
  3. Twitter Follow us dge
  4. Social Icons Like RSS, Pinterest, Twitter, और Google+
  5. Feedburner Subscription Widget
  • >>
  • >>

 

Blogger Blog Me Stylish Subscription Box Widget v2.0 को Add करना

इस Stylish Subscription Box Widget को अपने Blogger Blog में Add करने के लिए आपको नीचे दिए गये Steps को Follow करना होगा.

इन Steps को Follow करके आप अपने Blogger Blog Me Stylish Subscription Widget v2.0 Add कर सकतें हैं और अपने Blogger Blog को Attractive और Stylish बना सकते है.

Blogger Blog Me Stylish Subscritpion Box Widget v2.0 Ko Add Kaise Kare

  • सबसे पहले Layout>Page Elements पर जाएँ.
  • अब Add a Gadget पर Click करें.
  • अब Add a Gadget Window, में HTML / Javascript पर Click करें.
  • अब नीचे दी गयी Code को Copy करके HTML Javascript Box में Paste करें. (Code Niche Hai Scroll Kare Aap )
  • अब Gadget को Save करें.
  • अब इस Widget को आप जहाँ ले जाना चाहते है वहां Drag करें, खिसका दें.
  • अब Save Button (ऊपर दाई तरफ दी गयी) Save Button पर Click करें.

 

WordPress Blog Me Stylish Social Subscription Box Widget को Add करने के लिए.
  1. Dashborad > Appearance > Widgets पर जाएँ.
  2. अब Text Widget को Drag करके या उठाकर Sidebar में लायें.
  3. अब नीचे दी गयी Copy Code करके दिए गए Code को इस Box में Paste करें.
  4. अब इसे Save करें.
<style type="text/css">
/*<!CDATA[*/
#bwg-mashable{width:300px;margin:auto;padding:0;}
.bwg-googleplus {margin-bottom:50px; height: 57px;}
.bwg-facebook {background:#FFFFFF;border: 1px solid #DCDCDC;margin-top: -2px;padding: 5px 10px;}
.bwg-gplusone {background-color: #f5fcfe;border: 1px solid #d8e6eb;border-top: 1px solid white;font-size: .87em;color: black;padding: 9px 0 0 11px;line-height: 24px;height:30px;}
.bwg-gplusone span {display: inline-block;vertical-align: middle;height: 20px;margin-top: -17px;font-size: 11px;font-family: "Arial","Helvetica",sans-serif;}
.bwg-twitter {background-color: #eef9fd;border: 1px solid #c7dbe2;border-top: 0;}
.bwg-twitter a.twitter-follow-button {display: block;}
.bwg-twitter iframe {margin: 9px 11px;}
.bwg-sociallinks {background-color: #d8e6eb;border: 1px solid #b6d0da;border-top: 1px solid #eff5f7;padding: 10px 11px;overflow: hidden;}
.bwg-sociallinks a {text-shadow: 1px 1px white;}
.bwg-sociallinks .bwg-social {list-style: none;overflow: hidden;margin: 0 !important;padding: 0 !important;}
.bwg-sociallinks .bwg-social li {border:0 none !important;float: left;line-height: 1;padding: 2px 0 4px 20px !important;margin-bottom: 3px;width: 70px;background: url(http://4.bp.blogspot.com/-WpJR2Qq0Sqw/Tx_4RZNGNuI/AAAAAAAABb0/WbNVkzuBexQ/s1600/w2b_socialsprite.png) no-repeat;font-size: 12px;}
.bwg-sociallinks .bwg-social li a {display: block;font-weight: bold;color: #1E598E;text-decoration: none;text-shadow: 1px 1px 1px #fff;}
.bwg-sociallinks .bwg-social li a:hover {text-decoration: underline;}
.bwg-sociallinks .bwg-social li.facebook {background-position: 0 -450px !important;}
.bwg-sociallinks .bwg-social li.twitter {background-position: 0 -150px !important;}
.bwg-sociallinks .bwg-social li.youtube {background-position: 0 -90px !important;}
.bwg-emailbox {background-color: #E3EDF4;border: 1px solid #b6d0da;border-top: 1px solid #eff5f7;padding: 12px 16px;overflow: hidden;}
.bwg-emailbox form{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;}
.bwg-emailbox input.emailu {float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;color: #999;padding: 7px 10px 8px;width: 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;}
.bwg-emailbox input.emailu:focus {color: #333;}
.bwg-emailbox input.submitu {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;padding: 7px 14px;font-weight: bold;font-size: 12px;float: right;cursor: pointer;}
.bwg-emailbox input.submitu:hover {text-decoration: none;}
.bwgOrange{border:1px solid #E08121 ;text-shadow:1px 1px 0 #E08121;background: #f79d4a;background: -moz-linear-gradient(top, #f79d4a 0%, #ef871f 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f79d4a), color-stop(100%,#ef871f));background: -webkit-linear-gradient(top, #f79d4a 0%,#ef871f 100%);background: -o-linear-gradient(top, #f79d4a 0%,#ef871f 100%);background: -ms-linear-gradient(top, #f79d4a 0%,#ef871f 100%);background: linear-gradient(top, #f79d4a 0%,#ef871f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79d4a', endColorstr='#ef871f',GradientType=0 );}
.bwgOrange:hover{background: #f4b67c;background: -moz-linear-gradient(top, #f4b67c 0%, #ef871f 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4b67c), color-stop(100%,#ef871f));background: -webkit-linear-gradient(top, #f4b67c 0%,#ef871f 100%);background: -o-linear-gradient(top, #f4b67c 0%,#ef871f 100%);background: -ms-linear-gradient(top, #f4b67c 0%,#ef871f 100%);background: linear-gradient(top, #f4b67c 0%,#ef871f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b67c', endColorstr='#ef871f',GradientType=0 );}.bwg-moresubs {background: none repeat scroll 0 0 #EBEBEB;border-style: solid;border-width: 1px;border-color: #fff #ccc #ccc;padding: 3px 8px 3px 3px;text-align: right;font-size: 7px;letter-spacing: 1px;}
.bwg-moresubs a {display: inline-block;font-weight: bold;color: #1E598E;text-decoration: none;text-shadow: 1px 1px 1px #fff;}
/*]]>*/
</style>
<div id="bwg-mashable">
<div class="bwg-googleplus">
<script type="text/javascript">
/*<![CDATA[*/
window.___gcfg = {lang: 'en'};
(function(){
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 class="g-plus" data-href="https://plus.google.com/+anytechinfo" data-width="300" data-height="auto" data-theme="light"></div>
</div>
<div class="bwg-facebook">
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fravianytechinfo&amp;send=false&amp;layout=standard&amp;width=280&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:280px; height:66px;" allowtransparency="true"></iframe>
</div>
<div class="bwg-gplusone">
<script type="text/javascript">/*<![CDATA[*/
(function() {
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 class="g-plusone" data-size="medium" data-href="https://www.anytechinfo.com/"></div>
<span>Recommend on Google</span>
</div>
<div class="bwg-twitter">
<a href="https://twitter.com/ravianytechinfo" class="twitter-follow-button" data-show-count="true">Follow @nitinmaheta</a>
<script type="text/javascript">/*<![CDATA[*/!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/*]]>*/</script>
</div>
<div class="bwg-sociallinks">
<ul class="bwg-social">
<li class="facebook"><a href="https://www.facebook.com/ravianytechinfo">Facebook</a></li>
<li class="twitter"><a href="https://www.twitter.com/ravianytechinfo">Twitter</a></li>
<li class="youtube"><a href="https://www.youtube.com/channel/UCk9AHh6k-vKQLkjc8UHg29g">Youtube</a></li>
</ul>
</div>
<div class="bwg-emailbox">
<form action="https://feedburner.google.com/fb/a/mailverify?uri=Anytechinfo" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=anytechinfo', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow">
<table width="100%">
<tr>
<td>
<input class="emailu" name="email" placeholder="Yaha Email id Dale" type="text"/>
</td>
<td width="64px">
<input class="submitu bwgOrange" type="submit" value="Subscribe"/>
</td>
</tr>
</table>
<input name="uri" type="hidden" value="androidact"/>
<input name="loc" type="hidden" value="en_US"/>
</form>
</div>
<div class="bwg-moresubs">
<a href="https://www.anytechinfo.com/stylish-subscription-box-widget-v2-0/">Get this Gadget By AnyTechinfo</a>
</div>
</div>
  • Anytechinfo को अपने Facebook, Twitter, Google+ And Pinterest ID से Replace करें.
  • Anytechinfo को अपनी Feedburner Link के साथ Replace करें.
  • अब Google+ Profile Link को अपनी Google Plus Profile Link के साथ Replace करें.
  • अब इसे Save करें.

अब अपने Blog को Visit करके देखें की यह सही कार्य कर रहा है या नही यदि नही कर रहा हो तो हमें Comment के माध्यम से अपनी परेशानी Screeshot के जरिये बताएं. मैंने इस Widget की Width आप इसे अपने अनुसार Set कर सकतें है.

So Friends यह पोस्ट Blogger Blog Me Stylish Subscription Box Widget Kaise Add Kare. आपको कैसी लगी हमें Comment के माध्यम से जरूर बताएं और इस पोस्ट को share जरुर करे , सब दिन की तरह आपने पोस्ट read किया आपका दिल से धन्यबाद | 

हेल्लो दोस्तों कैसा लगा हमारा ये post आप हमें निचे  Comment Box में बताये,अगर आपको हमारा पोस्ट पसंद आया हो तो इससे आप social media पर share जरुर करे,article के पहले और बाद में शेयर button लगा रखा है,हमारे new पोस्ट का notification पाने के लिए Bell Icon जरुर press करे,और कोई भी  miss न हो इसके लिए Newslater जरुर subscribe कर ले ताकि हमारी सभी पोस्ट Free में आपको email पर मिल जाये |

आप हमारे पोस्ट को इतने प्यार से पढ़ते है इसके लिए दिल से धन्यबाद, मै जनता हु आपके प्यार के सामने  Thank you बहुत छोटा word है,मुझे उम्मीद है आपने मुझे Facebook,   Twitter,     Instagram,    Youtube,     Linkedin,    Email Newslater,     Telegram,   पर Followe कर रखे है,आप अपना कीमती समय दिए इसके लिए फिर से धन्यबाद |

मुझे पता है मेरे इरादो का कोई कुछ उखाड़ नहीं सकता…मैं कुछ नया सीख जाऊ…पर हार नहीं सकता।

35 COMMENTS

  1. sir aapne bhaut achcah post likha hai khas tor par bloggers ke liye to aisa hai jaise ki andho ko aankh milna jaise ho is post se mujhe bahut help mili hai. keep doing this type of job sir

  2. Bhai… ye jo subscription box hei use fixed possition pe kar sakte hei kya matlab jab ham blog ko scroll down kare to sub box ek hi jagah par rahe….thanks in advance

    • Yes #Vickey अगर आप WordPress Platform पर है तब आप इसके लिए Q2W3 Fixed Widget का उपयोग करें,अगर आप Blogger User है तो फिलहाल Blogger पर ऐसी सुबिधा उपलब्ध नही है फिर भी में आपकी Problem Solve करने का प्रयास करूंगा. Thanks For Asking a Good Question में जल्द ही इसका Solution मिल जाने पर Post लिखूंगा. Thanks Keep Visiting ATI

      • Bhai… ye jo subscription box hei use fixed possition pe kar sakte hei kya matlab jab ham blog ko scroll down kare to sub box ek hi jagah par rahe….thanks in advance

        • Yes #Vickey अगर आप WordPress Platform पर है तब आप इसके लिए Q2W3 Fixed Widget का उपयोग करें,अगर आप Blogger User है तो फिलहाल Blogger पर ऐसी सुबिधा उपलब्ध नही है फिर भी में आपकी Problem Solve करने का प्रयास करूंगा. Thanks For Asking a Good Question में जल्द ही इसका Solution मिल जाने पर Post लिखूंगा. Thanks Keep Visiting ATI

  3. thank bhaiya koi bat ni jab aap free ho tab solution dena mene template bhi change kar ke dekh liya tha kuch ni hua isliye mujhe jyada problem lag rahi hai mene ise code ke dvara ni lagaya ise direct apply kiya poore tamplate me koi code .a2a_element se hai hi ni

  4. Hlw Ravi Bro Please help me…..
    .
    .
    .
    Mere blog par pahle jab mei post karta or fir uske title ko kisi dusre ke mobile mei bhi search karta to Google pe aa jaata tha…. (instantly – 2 min ago etc.)
    .
    .
    Lekin aaj kal mei post karta hu to Google pe nahi aa rahi post….

    • Google पर कोई भी Page उतनी ही जल्दी Index होता है जितना ज्यादा उसे दुसरे Social Networks पर शेयर किया जाता है…. और जितना ज्यादा उसमे Traffic होता है. लेकिन फिर भी आप हमारी Post जो आप पहले पढ़ चुकें है का इस्तेमाल करें इस तरह से आप केवल एक मिनट में ही अपनी Post को Google पर Index कर सकतें है. धन्यवाद Keep Visiting ATI

  5. addtoany direct blog me install kiya tha is wajah se ye koi widget ni rha jise me remove kar saku aur mene inspect kar ke dekha hai to usme jo code aa rha hai to vh code html me search ni ho rha bhai help me

    • Hello #Nitesh आप इसके लिए अपने Code जो आपने Add to Any Widgets को Add करने के लिए Blog में Add किया था उसे हटाकर देखें. इस तरह से आपके ब्लॉग से वह Widget जो की चार बार दिखाई दे रहा है वह हट जाएगा. आप अभी इसमें ही कार्य करके देखें फिलहाल मेरा Exam होने के कारण..में इस बारे में आपको ज्यादा नही बता पा रहा हूँ इसके लिए मुझे माफ़ करियेगा लेकिन में आपके Question का उत्तर ढूंढ रहा हूँ.

    • आपने जहाँ Code Paste किया था वहां जाएँ और उसे हटा दें. या फिर जो Code आपने Paste किया था उसे Template में Search करें और उसमे से एक Widget Code को हटा दें अगर ये Sidebar में हो तो Layout में जाकर HTML Javascript वाला एक Box Remove कर दें.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.