Add a awesome social media sharing widget on blogger

Add a awesome  social media sharing widget on blogger

Want a awesome social media sharing widget check this out:

You can see the demo of this widget on the right side of this blog

How to add this widget on your website or blog :
1. Log-in to your blogger and click on Design tab.
2. Click on Page Elements tab.
3. Click on Add a Gadget.
4. Select on HTML/Java Script section.
5. Place the following codes ON it.

<br />
<!-- Social media code start ~ www.zgamerx.blogspot.in --><br />
<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg2DOq7geCKaLZ3GqadXsyHAMJg0UX6NkRbVFK9K3RlsmDj8ZVH-kNol-JxnmP8owWJ-mH2khjwKrNnNCZMOB4oULM467Sd-Lfi9GXWAHaFCT6-PZEPdzpOoBoGOzM4Q66a6V2sxtUx2ol/s1600/FB.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnxvtMvfiy5oeB814SMypqld7xyApzEe5kLlw5lfsusbkxvQQZOvBMzb6cy4h374-lxZ3EFpbGmK-JRwbHfkSYqjKFQvoBelH5FyTKx1OkIZoj2GEVshMl5h4w74I-3mYGRw1eiDK1RqcV/s1600/FB-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.barconteblogger{margin:0px 0 0 43px}
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCx2k6xdj4u5-aRIYQyS4pV53fFxwbaXeSE4W-NuvijCw9kmsaPxjDdrBei1zE6sSVG8nmeHunE0arO3uKbl4QfM_DmF8qDq-uhK4bX-E7qgYdGULGUFjy-GSdUSSwyDcTFRhI2Ool9F72/s1600/TW.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTYW9B4B1w6ncc-qNyUfPFx3yiTTWGoNqEoHv4x1_kSsBUCPucRsMGfERZyQKJqKJJmLLQSBNiCvsiFWeIKOYENdoQxs8t_o3YT0brdexNKoMO5NNpLp3g-kRsRzyPXtzDyEhtIyvPDje0/s1600/TW-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.barcontetwitter{margin:0px 0 0 43px}
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPW0ySl6ZMehogWnyHEyPDV9pn5oz5NcJNY1vD61sXweKTmVTuq-CuC9Kzwc2VVCPCjrZk-E6FBilhredYdhGFCrhXNRF6hZw09Sc6SNhLfCBpcDCz_eD6Co8tbX5VUCgeAIdVp-EHou1f/s1600/G+.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPFaG20OkT24-3nQ3uxVyXcoQfVhHathceu5pGe3DV_Vk1UG2jO7RHZZL6xdzCO-vVt2At7BsNMcDnjbQCGX7Xdu0Z9wElH49EE66nULFkUFJhOXHNlQvz-RHFxDTu0IUayvw078idmW3C/s1600/G+-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.barcontefacebook{margin:0px 0 0 43px}
.barquestionmark{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMDTR0d-5b-wy1xI-7K05GaXHE6Tjh3XBNKh5Qc4suALfhlLd5wu0E0H01mX2l_XazdKQEQROUJ4GlrOHz2uxTuRzk6A42X0xFlB6eplqw0mJnUq4IOKMTzZJYIR06fEZUO8VArMjWsqxx/s1600/question+mark+2.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
</style><br />
<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'"><div class="barconteblogger"><a href="https://www.facebook.com/zgamerxs" target="_blank"><img alt="Like us on Facebook" title="Like us on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIsWEqRILWH9IbXG4yr7IoPaToaCfs3R4Bw5AcYX_Tobi0ZXVxwjha2qb5opEYxgUGHoNElwYxW3qndW74ELtIKGc85zA6n1cleMvAbZFbYdv1kGJUkg7pWQb0JBQPPfqpNwfKJKQTAlNQ/s1600/FB-open-new.png"/></a><br />
</div></div><div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'"><div class="barcontetwitter"><a href="https://twitter.com/vishalassassin" target="_blank"><img alt="Follow us on Twitter" title="Follow us on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi60OhEMZztuQ3F9v7f6yaZXTgT3c5HZGhy_4OA-A61TuE8TZ48SscAwmj_x3evg9r6P59Yah4d8mVNHspi7k2BVtik2txRcKJtGGC4StpD2OkWSISXT7Jbbe7Nvw-bsw26fysSWm38_Zn/s1600/TW-open-new.png"/></a><br />
</div></div><div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'"><div class="barcontefacebook"><a href="https://plus.google.com/104738107757885877986/posts" target="_blank"><img alt="Recommend us on Google Plus" title="Recommend us on Google Plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaBjnaKFnV7MFKjDmS9G0JyNgwUnyB9HzFo8FGBmFLlE69zPExC7CrE22XUlIHu_pqTBLSZpDfi_sjdzZsqJzWols9d1qJBGOrFZPVoU9HtNQVo_eBvmhR-3ePGW65gDOvgUW6TvceDQ9-/s1600/G+-open-new.png"/></a><br />
</div></div><div class="barquestionmark"><a href="http://zgamerx.blogspot.in/2013/03/add-awesome-social-media-sharing-widget.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIwEn0kD0DtwegWupPSvWK6DI_6Bk-nuBnlhN-ZKI70tNvk0DrvFlsQbZI-Jx_avxCOwp-ffb1aXiYkRvXdETC5cXS3tXwmzk1eENmpqahexUGMsGwmKyZnWV0Ztb4R4juxCJ7cat-xyk4/s1600/blank.png" alt="Add this widget on your blog!" title="Add this widget on your blog!"/></a><br />
</div><!-- Social media code end ~ www.zgamerx.blogspot.in --><br />




6. Click Save. 
7. Customization:
 
1. Replace the https://www.facebook.com/zgamerxs URL with your Facebook Page URL.

2. Replace the https://twitter/vishalassassin URL with your Twitter Page URL.

3. Replace the https://plus.google.com/104738107757885877986/posts URL with your Google Plus Page URL.