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/AVvXsEg9oSSYy4Y4KJ9q3bXZyfFbZtKnnjjcsU06uWB6Dn7i_kWWfc5uIpXIDnxqR9A32Hsn9KZ86qpPsOE4kV3npzI2Q5IwzP3Y9TOQdV5JpdpUI-agrZCimYGZ20iRB3iRieFOsOT5b0qRo0tb/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/AVvXsEh7xbEz5wqlR7Fl7JgIZEX0p53ovQhJGOARikPEffV9HSdy7WcQQRs3uFXq7C-jLK_RV_jbRzOm4bYYEglBhj4pJP5vD8fUxck4tIF-WjKlCwzb7v9mrLPV3uaQ0elQQjEf1KSHHEieVcqc/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/AVvXsEi-lhsLWQvWNFSnJtbXx234dVMwUAJqdz_0au7swFT7lsZmIFkyYfFc-R9lr4p-bw2Kp5q4x2626V5SwqOV2WoDS5ett4kcc5YevNtj6B-vNI1djnpYze7I5qrpkscwgVVDGmmt_YNuNAOV/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/AVvXsEiRMkJ6vgBAa4cYh9y6bnTp6jDw1wUJRp_FvSk5ITBt7CpVTrtapIdQYfW3ewrIRiVPkUvsnvqViptd3FwOcQyv5F4eZTys4UoGWOpV2KVXoMH6NfRX_8FsnrmqiuCyhMi-Udwn158JS6tc/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/AVvXsEhvyyQj1gu78cZlguTxmhNYaAIJdLgWDjP_SBuFka44jW7VcAvymAYFJbSW7vlvqQlyiJNs410luO4HtYJnT6chz43fts8ymgK_0a8BFaeOmBVdHhX-DE_CnycoiFGrQEsCU3ArieV8NyBb/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/AVvXsEgLyCveu36qBMy0SimmVxaAWmGoDs0TiToSgo2U15qkO59CmjW4aB9sJp8pCwwiwEmM6lhivjg7v-jEZqyrJF4is6oiBbgA_X9H79MmUxUfPEOUuWQxOB6XbLkqgMy-yJeYGEf-WvXjsC_i/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/AVvXsEiTumAV980g5AoiHyaqoxulMHhV9X4xgGc8eUnw4zNgMBN-odYjjvm6al3aH2S-S-t-9zqC8PsNkEnYdMWcNS3NvpmNTZtH0o9aWaVOh1D0qeFQXUChBLuup0vvb9UNcCWDnYQlHBJW5nhR/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/AVvXsEh3JTSjm7qrg7ztAjs0XiyvaJCtTIfDS76O-pRfanhqrNz4xnGu34QSy1B2UIh02eD1d9EKe-aMV4VgrBvIg0dfdIJ_lAELgPL3UzHqJGJWb8LKlvXS6FJmXZocks1HkzTyw9tdDze0jsxI/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/AVvXsEirbq2F8XEPUOhN4UzFUX1t8hlq3MdsUjGqxZZOwDd-M7XZ7bxmKH2daXZSn7B2yPwmHtqV8yT-Rb87w1Cuc7Iry8LODh1uX7i-WQxXTC2eShVkb2UDYlG7RMOJDGXWc5PQntEay5Nv_pPa/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/AVvXsEhmvr10wBWEOaHizYgeN8hNeTkipBxXmYJAsuKbSLR9aZ-VZLodVH69vtOJNnjuKwAyX0gKxnB9GR8j7u3Oe1ThXO1T3mpBS1es8yU2ht55rxhMn2mZE8fPXBBzX8aEglJkPuMEK6xhDeAs/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/AVvXsEgmZDjNJJjU2A_l5FhnYw_GPwPH5iLKoyh_awJ4juAHgVUvVuRIo5mV2UvkaXvSQgVzoQmZCLoF9_Y_Y_8pMi7RHjxdcZ9KSBE2J9jQCAqf4NI_0XYfIwdthZyNCrLIYbIEVTtj7sRCqMYu/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.