Blog Me G+,Twitter,FB Social Subscription Widget Kaise Add kare

Hello Friends Blog me Social Subscription Widget lagane ke piche ka main reason Blog Traffic ko increase karne hota hai. isliye aapko apne Blog me social sharing widget ya Social Subscription Widget jaroor Add karna chahiye.

Friends Facebook fans or is widget ke dwaara aap apne Content ko Bahut se Social Networking Websites par viral kar sakte hai. saath hi iske dwara aapke Readers aapke saath unke pasand ke Network se Connect ho sakte hai.

पढ़ें : ब्लॉगर ब्लॉग में Email Subscription Widget कैसे Add करें.


Blog Me Social Sharing Widget Ya Social Subscription Widget Kaise Add kare 


So Friends isliye aapko apne Blog me Social Sharing widget ya Social Subscription widget jaroor Add karna chahiye.

Friends isliye aaj ham Techandtweet me aapko Multisocial Subscription widget jisme Facebook, Twitter, Google+ Etc Include hai ko Add karne ke baare me batane ja rahe hai. Jisme Subscribe Box, Social Sharing Box, or Facebook Like box  Jaise Features Available hai. saath hi yah aapke Blog me Use hone waale Widgets, Social Buttons ko Replace kar dega.. or aapke Blog ko Amazing beauty pradaan karega. So Friends aaiye Is Social Subscription Widget ko Apne Blog me Add karte hai.

Features –:

Social Sharing widget ko Blog me kaise Add kare. Ya Social Subscription Widget ko Blog me kaise Add kare.

  1. Iske liye sabse pehle Blogger.com par jaaye iske baad Template> Edit HTMl par jaaye.
  2. Ab apne Blogger template ka Backup bana le.
  3. Ab Expand Widget Template par Tick kare.
  4. Ab Niche diye gaye Code <data:post.body/> ko Search kare.

Yah Code 2-3 baar aayega lekin aapko ise kewal ek baar hi search karna hai matlab First code <data:post.body/> ke thik niche hi niche diya gaya code paste kar de.

<!–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–>

Bas Ab Kuch changes karne honge.

  1. Tntbystc ki jagah apne Feedburner Feed title ko daale Matlab Replace kare. Aap is value ko Feedburner Account > Pulicize> Email Subscription me jaakar jaan sakte hai.
  2. Ab “Facebook Url” ki jagah apni Facebook Page ki Link Daale.
  3. Ab “Twiiter Url” ki jagah Apni Twitter Link daale.
  4. Ab “Google+ Url” ki jagah apne Google+ page ki link daale.
  5. Ab Apne “RSS Url” ki jagah apni RSS Feed Link daale.
  6. Ab Facebook Box ke liye Niche diye gaye Steps Follow kare.
  • Apne Facebook Page ki Url (without http:// Ke) daale.
  • Sabhi (/) ki jagah %2F likhe.
  • Ab “www.facebook.com%2Fbloggertricks ki jagah apni Facebook ki Url Daale.

Friends यह एक Guest Post है जिसे Ankit Kumar के द्वारा भेजा गया है. अंकित जी एक Student है जो Blogging के बारें में लिखना पसंद करते है और कुछ समय बाद ही अपना Personal Blog Start करने वाले है.

We are grateful to Mr. Ankit for sharing the Blogging tips in Hindi . We wish him all the very best for his blog and future endeavours.. 🙂  😛 

Comment or Question pooche.

Ummed hai ki aapko yah Post pasand aayi hogi. Jiske dwaara aap apne Blog me Social Sharing Widget or Social Subscription Widget Add kar sakte hai.  So Friends Is widget ko blog me lagane me kisi prakar ki dikkat aaye to hame jaroor bataye. Ham aapki Help jaroor karenge.

5 Comments

  1. hindiRobotic May 5, 2016
    • Lalit Banjara May 5, 2016
  2. Mahaveer Jain May 7, 2016
    • Lalit Banjara May 7, 2016
  3. Janelle Jul 15, 2016

Leave a Reply

CommentLuv badge