-->

How To Add Stylish Social Sharing Widget For Blogger

How To Add Stylish Social Sharing Widget For Blogger

guys agar apki koi website/blog hai to yeh artical apki kafi jyada help karega apni website/blog ko attractive banane ke liye. Kyunki aaj main apko sikhaonga ki aap kaise apne website/blog mein Stylish Social Sharing Widget add kar sakte hain. vah bhi kafi asana steps follow karke.

How To Add Stylish Social Sharing Widget For Blogger

1) Go to Blogger DashboardLayout → Add A Gadget.
2) Add a HTML/JavaScript Gadget.
3) Paste below code in it.

<style type="text/css">.social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px} .social-connect-widget:hover{border:1px solid #CBCBC2;background:#F5F4EF} .social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E} .social-connect-widget a:hover{text-decoration:underline;color:#F77C04} .social-connect-widget img{vertical-align:middle;margin-right:5px} </style>
<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=USERNAME1' target="blank"><img alt='RSS Feed' src='https://1.bp.blogspot.com/-259Y-Ei3A7Y/Xf91sEnAYrI/AAAAAAAAKZM/x1F-2VGJLdIUriQ97FFbjMG-aBIviXGAQCLcBGAsYHQ/s1600/tggyan.png' title='RSS Feed'/></a>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=USERNAME1' target="blank">Subscribe to our RSS Feeds!</a></div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://twitter.com/USERNAME2' target="blank"><img alt='Follow Us on Twitter!' src='https://1.bp.blogspot.com/-_wQiRcqNLCo/Xf92ROelQZI/AAAAAAAAKZU/fynMMud8RcAEBuP5v9DkasBz1fxDkye-QCLcBGAsYHQ/s1600/tggyan.png' title='Follow Us on Twitter!'/></a>
<a href='http://twitter.com/USERNAME2' target="blank">Follow Us on Twitter!</a></div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='URL HERE' target="blank"><img alt='Be Our Fan!' src='https://1.bp.blogspot.com/-yOGwXi7KGdo/Xf92uRd-_II/AAAAAAAAKZc/2tRUyg9fxz8Q44nV173hJTs_n4KBa5mfQCLcBGAsYHQ/s1600/tggyan.png' title='Be Our Fan'/></a>
<a href='URL HERE' target="blank">Follow us on Facebook!</a></div><div style='clear:both;'/><div class='addthis_toolbox'><div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://1.bp.blogspot.com/-GlXwOJ1uuHs/Xf94eC0i52I/AAAAAAAAKZo/m7AM8ChkTl0DGVNxWoh9cepu6XIeZa-PQCLcBGAsYHQ/s1600/tggyan.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://1.bp.blogspot.com/-BimEF4qSPKA/Xf95AVJrSVI/AAAAAAAAKZw/VC8WwpwS3qkFPGOeMOTqZq5uXyLUL1eGwCLcBGAsYHQ/s1600/tggyan.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://1.bp.blogspot.com/-K3-cVtSrGcQ/Xf95T7PFRuI/AAAAAAAAKZ4/HTIoPViz53o6FVTJLmo9M2Lm0sGsRUxUACLcBGAsYHQ/s1600/tggyan.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://1.bp.blogspot.com/-efzXh44q9OA/Xf95kXzD_xI/AAAAAAAAKaA/9whiyZoXk3YjFOUNK5IPOmBfAbTFEDzqQCLcBGAsYHQ/s1600/tggyan.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://1.bp.blogspot.com/-okeHf0Ndapw/Xf953mAsICI/AAAAAAAAKaI/wWGUuqYlW4cH3S6b7iTbvcj__4UrgV7aACLcBGAsYHQ/s1600/tggyan.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://1.bp.blogspot.com/-PyzkRJbzMt4/Xf96HsIiDFI/AAAAAAAAKaQ/IKkvCarNexoBlE5DwNMe1IWMAxXjcLsLgCLcBGAsYHQ/s1600/tggyan.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://1.bp.blogspot.com/-1n4mwhrMIFE/Xf96ZWxFymI/AAAAAAAAKaY/3COACv1l7lsGmUyPznZI_6YFP0b3C_uzACLcBGAsYHQ/s1600/tggyan.png' width='32'/></a></div><script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/></div><div style='clear:both;'/></script></div>
</div>

4) Customize your setting.Find any word click F3 or Ctrl+F.
  • Replace it USERNAME1 with your Feedburner Username.
  • Replace it USERNAME2 with your Twitter Username.
  • Replace it URL HERE with your Facebook Username.
5) Save your Widget.
ViewCloseComments
Cancel