Amazing Social Share & Subscription Widget Blogger के लिए

Friends Social Subscription Widget को लगाने के पीछे का मुख्य कारण Blog का Traffic बढ़ाना होता है. Really इसमें आपके Subscriber बढाने की क्षमता होती है, Friends Facebook Fans और इस Widget के द्वारा आप अपने Content को विभिन्न Social Networks पर Viral कर सकतें है. साथ ही इसके द्वारा आपके Readers आपके साथ उनके पसंद के Networks से Connect हो सकतें है. Friends यह सब Features केवल एक ही Widget में उपलब्ध है. साथ ही इस Widget Box में वे सब चीजे शामिल है जिससे आप अपने Blog को Promote कर सकतें है और अपने Followers और Readers में व्रद्धी कर सकतें है. इसमें Subscribe Box, Share Box, Facebook Like Box जो आप चाहते है सब उपलब्ध है. साथ ही यह आपके Blog में उपयोग होने वाले Widgets, Social Buttons को Replace कर देगा. और उसकी जगह एक Amazing Beauty Widget प्रदान करेगा | So Friends Let’s Read About ‘No Ordinary’ Social Sharing & Subscription Widget.

Features:

  1. Subscription Box Subscribers में व्रद्धी करने के लिए.
  2. Follow Us बटन ताकि आपके Readers आपके अन्य Social Networks से Connect हो सकें.
  3. Social Sharing Buttons
  4. Facebook Like Box जो आपके Fans को बढाने में मदद करेगा |

How to Use? कैसे उपयोग करें.

मैं जानता हूँ, की आप इसके Features पढने के बाद इस Widget को Install करने के लिए बेताव होंगे. So Friends नीचे दिए गए Steps को Follow करें और अपने Blog का Traffic बढ़ाकर अपने Blog की सुन्दरता को बढायें.

  1. सबसे पहले Blogger.com पर जाए इसके बाद Template -> Edit HTML -> Proceed पर जाएँ |
  2. अब अपने Blogger Template का Backup बना लें |
  3. अब Expand Widget Templates पर Tick करें.
  4. अब Search करें |
<data:post.body/>

यह Code 2-3 क्रम में है लेकिन आपको इसे बस एक बार ही करने की जरूरत है. इसे <data:post.body/> के ठीक नीचे Paste कर दें |

<!–No Ordinary Social Subscription Widget–>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<style>
.tbibox {
background: #fff;
border: 1px solid #ddd;
height: 360px;
margin: 10px auto;
padding: 10px;
width: 572px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.tbisubscribe {
border: 1px solid #D3D3D3;
padding: 8px;
width: 300px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubscribe:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
}
.tbimailbox {
border: 1px solid #D3D3D3;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #666;
font: 14px “trebuchet ms”, sans-serif;
padding: 7px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubmit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #ff5714;
border: 0px solid #ffffff;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.tbisubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.tbisubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
.tbisharebox {
border: 1px solid #D3D3D3;
margin: -157px 0 0 330px;
padding: 8px;
width: 225px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisharebox:hover {
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: inset 1px 1px 55px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 55px 1px rgba(249, 215, 126, 1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
</style>
<link href=’http://fonts.googleapis.com/css?family=Oswald’ rel=’stylesheet’ type=’text/css’ />
<div class=’tbibox’>
<div class=’tbisubscribe’>
<div style=’color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;’>Get Free Updates in your Inbox</div>
<div style=’margin: 10px 0 0 6px;’>
<form action=’http://feedburner.google.com/fb/a/mailverify’ class=’emailform’
method=’post’ onsubmit=’window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=tntbystc&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true’
style=’margin: 0pt;’ target=’popupwindow’>
<input name=’uri’ type=’hidden’ value=’tntbystc‘ />
<input name=’loc’ type=’hidden’ value=’en_US’ />
<input class=’tbimailbox’ name=’email’ onblur=’if (this.value == &quot;&quot;) {this.value = &quot;Enter your email…&quot;;}’
onfocus=’if (this.value == &quot;Enter your email…&quot;) {this.value = &quot;&quot;}’
type=’text’ value=’Enter your email…’ />
<input alt=” class=’tbisubmit’ title=” type=’submit’ value=’Subscribe’/>
</form>
</div>
<div style=’border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;’>Follow us on:</div>
<div style=’margin: -32px 0 0 120px;’>
<a href=’FACEBOOK URL‘ target=’_blank’ title=’Join us on Facebook’><img src=’https://lh5.googleusercontent.com/-hbgtzN6sfys/UC_Rt4HCCUI/AAAAAAAAGI4/sNVfSO9oubo/s32/facebook500.png’ alt=’facebook’/></a>
<a href=’TWITTER URL‘ rel=’nofollow’ target=’_blank’
title=’Follow us on Twitter’><img src=’https://lh5.googleusercontent.com/-cBjXpo4xiHA/UC_RvG1JfwI/AAAAAAAAGJI/cQF9OReQCog/s32/twitter.png’ alt=’twitter’/></a>
<a href=’GOOGLE+ URL‘ rel=’nofollow’ target=’_blank’
title=’Follow us on Google+’><img src=’https://lh4.googleusercontent.com/-dzFCD4A8UqU/UC_Rtz0xGDI/AAAAAAAAGI8/iz4dYkboPZ0/s32/googleplus-revised.png’ alt=’gplus’/></a>
<a href=’PINTEREST URL‘ rel=’nofollow’ target=’_blank’
title=’Follow us on Pinterest’><img src=’https://lh3.googleusercontent.com/-VHXyLvPpEBg/UC_Rt63AIdI/AAAAAAAAGJA/xMdGrSFINE4/s32/pinterest.png’ alt=’pinterest’/></a>
<a href=’RSS URL‘ rel=’nofollow’ target=’_blank’
title=’Subscribe to RSS’><img src=’https://lh6.googleusercontent.com/-14vjEhUXrMk/UC_RuxvrOgI/AAAAAAAAGJQ/OQT6x8yxTXY/s32/rss.png’ alt=’rss’/></a>
</div>
</div>
<div class=’tbisharebox’>
<script type=’text/javascript’>
var switchTo5x = true;
</script>
<script src=’http://w.sharethis.com/button/buttons.js’ type=’text/javascript’/>
<script type=’text/javascript’>
stLight.options({
onhover: false
});
</script>
<div style=’margin: 5px 5px;’>
<span class=’st_fblike_hcount’ displaytext=”></span>
</div>
<div style=’margin: -30px -20px 0 0; float: right;’>
<a href=’http://twitter.com/share’ rel=’nofollow’ class=’twitter-share-button’
expr:data-url=’data:post.canonicalUrl’ expr:data-text=’data:post.title’
data-count=’horizontal’  data-lang=’en’></a>
<b:if cond=’data:post.isFirstPost’>
<script type=’text/javascript’ src=’http://platform.twitter.com/widgets.js’></script>
</b:if>
</div>
<div class=’addthis_toolbox addthis_default_style’ style=’margin: 10px 0 12px 85px;’>
<a class=’addthis_counter’></a>
<script type=’text/javascript’ src=’http://s7.addthis.com/js/250/addthis_widget.js’></script>
</div>
<div style=’margin: 5px 5px;’>
<su:badge layout=’1′></su:badge>
<script type=’text/javascript’>
(function () {
var li = document.createElement(‘script’);
li.type = ‘text/javascript’;
li.async = true;
li.src = (‘https:’ == document.location.protocol ? ‘https:’ : ‘http:’) + ‘//platform.stumbleupon.com/1/widgets.js’;
var s = document.getElementsByTagName(‘script’)[0];
s.parentNode.insertBefore(li, s);
})();
</script>
</div>
</div>
<div style=’float: right; margin: -40px -5px 0 0;’>
<div class=’g-plusone’ data-size=’medium’ expr:data-href=’data:post.url’></div>
<script type=’text/javascript’>
(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>
<div style=’margin-top: 20px;’>
<iframe allowTransparency=’true’ frameborder=’0′ scrolling=’no’ src=’http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fbloggertricks&amp;width=570&amp;colorscheme=light&amp; show_faces=true&amp;stream=false&amp;header=false&amp;height=180′
style=’border:none; overflow:hidden; width:570px; height:180px;’ />
</div>
</div>
</b:if>
<!–No Ordinary Social Subscription Widget–>

अब कुछ बदलाब करने की जरूरत है.

  1. tntbystc की जगह अपने Feedburner Feed Title को डालें. आप इस Value को Feedburner Account -> Publicize -> Email Subscription में जाकर जान सकतें है.
  2. अब “Facebook Url” की जगह अपनी Facebook Page की Link डालें.
  3. अब “Twitter Url” की जगह अपनी Twitter Link डालें.
  4. अब “Google+ Url” की जगह अपने Google+ Page की Link डालें.
  5. अब “Pinterest Url” की जगह अपने Pinterest की Link डालें.
  6. अब अपने “RSS Url” की जगह अपनी RSS Feed Link डालें.
  7. अब Facebook Box के लिए नीचे दिए गए Steps को Follow करें.
  • अपने Facebook Page की Url लें (बिना http:// के)
  • सभी (/) की जगह %2F लिखें.
  • अब “www.facebook.com%2Fbloggertricks की जगह अपनी Facebook Page की Url डालें |

कोई प्रश्न.

आशा है की आपने इस Amazing Widget को अपने Blog में बिना किसी परेशानी के Install कर लिया होगा. फिर भी यदि किसी मदद की आवश्यकता या कोई प्रश्न हो या Social Subscription Widget को Install करने में किसी प्रकार की कोई परेशानी आये तो हमें Comment के माध्यम से जरूर बताएं हमें आपकी परेशानी Solve करने में ख़ुशी होगी.

धन्यवाद.

हमें Facebook में Join करें.              Amazing Social Subscription Widget

2 Comments

  1. hindiRobotic May 6, 2016
    • Lalit Banjara May 7, 2016

Leave a Reply

CommentLuv badge