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

35

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 करतें है.

stylish subscription box widget v2 0


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(https://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://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://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 किया आपका दिल से धन्यबाद | 

35 कॉमेंट्स

जवाब दे

अपना कोमेंट लिखे
अपना नाम लिखे

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