How to add floating Social Media Sidebar for Blogger

1) Login to Blogger account

2) Go to Layout

3) Go to Add gadget

4) Go to HTML/Javascript

5) Copy the below code and paste it inside the content box and save it

<style>

.fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaLXe7IZf8lOl8pXz0hJwnk2CeZ28I1oYPvnmf5F3EE-FIy60p8ObxDTWU7kIPjPKQMJExChGIqqcLLE2UqxiiFPn7gPDhtYPtvSwVvWpMjYp2q5B0FKYqJzF77EcMCpjJQbKxAiVSZVs/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}

.fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1v-2t3GTXS9vZ2AqBW0l-MUEPT5EQuyrmzsbfU-3efi02l4lXJi5FqJ2p-Yc2vRQ3J4o4iJXriCCSIf11O8-CfOo8BMtSGuPMgmgyAQly0SDzQL4IUEVW4zNDuKDsDOArWNCzpqLhVeY/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}

.fixedmenu_1{margin:0px 0 0 43px}

.fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhObPTrZaHqVNM8IZ15IEXw983cYfjuX1EOKgfSHA5KoC3ASvjv79DgQ2zsY-uyMJzgduvxEv49-n-X8pzZ-DLmqC-U299kQPCf3WLSHF4tTCJmP_Kka0RDPzEteux1t8usUhKo5Ru5vSA/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}

.fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnevMTgOZH9-MwAKxRHyjOw83PKDFQkXzwxqVNC9XvuzuMLAD_Rqus2LdCCGxP3bEBmU8ip2HyiuJKSCcG7cJi37fP7I7_gpkO31pIiZa5PmtwKQibZMXQyXjSwghZabfB4gaMqkIIt-c/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}

.fixedmenutw_1{margin:0px 0 0 43px}

.fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxdCNwm7hTCNBbIs8l7tuOr4WuE9Mg1nGgira0Jr-qwstmU0WdYShuJVJTUlYs4DDJ6fJy4GSWa9Y713xQBQdPFiy2wPcmjx9qPiT3W5FYimUixwU0q9EfPxb8-vLTF7fFppuYck8J9XM/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}

.fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLqjfLSOIWATYvoM9Kh3WWbN849zVZ4cdEtC1lwjUYZ5OSsv_p7zq1gfeq1Ez-v_zBT91HQbRJ3cGVqUKY0sminssCKjXAMpx9Os3xip5e1HwYXVevwP_6h5u99zHZaSxhfWhjfx6D05g/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}

.fixedmenufb_1{margin:0px 0 0 43px}

.fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj91tRKdfaWgm0MihN8GCtNeY80ABiaVMqJLM6aQXrk5Rdn7hD6anq7E3WKgugmpGgecG9yjcKj6Wdlv6dkzfvGKs5LI7lOgVVSVRoA6NK1Yjj-UddDyMZcZq_FY0ng_TtxauHNux87W_E/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}

.fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpcsokTaCAp5DZfB96xN58rwRvOv2BIv5m3-zpjjteg08iFXxlXb7kZTPEoT7AE-ajI1WaU1HJVWqIqLFEwhk1HWaSalwdTC4FysGIPRGKudhVxty8A6rFQp1PID7YhiVJPhY8IaR6I4c/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}

.fixedmenurss_1{margin:0px 0 0 43px}

</style>

<div class='fixedmenu' onmouseout='this.className=&apos;fixedmenu&apos;' onmouseover='this.className=&apos;fixedmenu1&apos;'><div class='fixedmenu_1'>

<a href='https://www.facebook.com/naukrituts' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaQdn4lSG9Bk2l7mqfuwLZd0WY8Q7ymW06vxqvXlMQz5HDoF8K1bulB8cyIYfKE36ItUs8UFeCsfpRBGlcaI72Mhc8LX7jz1ezPXn-2rJjQnlsllLPCOWM3JdNDMZja_dCbpr9kGmjL10/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>

</div></div><div class='fixedmenutw' onmouseout='this.className=&apos;fixedmenutw&apos;' onmouseover='this.className=&apos;fixedmenutw1&apos;'><div class='fixedmenutw_1'>

<a href='https://twitter.com/naukrituts' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-9k0XlbWLnf7klXEc7gz4_s1WRnQUecynmpsWUVa91ulnKg8GgnS4o0uKz62DaLMYyYKyvYIXWJ0eK59g6hu5plztz_jLIf-Uxv_j72p_bbuSJEu81E_43SFHknWNMxPdv-cD9fTVEwc/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>

</div></div><div class='fixedmenufb' onmouseout='this.className=&apos;fixedmenufb&apos;' onmouseover='this.className=&apos;fixedmenufb1&apos;'><div class='fixedmenufb_1'>

<a href='https://plus.google.com/+naukrituts' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk_P6D4lrB_yVoRQWVc_M0RsfmJx1XVokYv5d3JVMNJKrTFRIpDhf1Cth1CMzSA1FsTl9gh7gBIWrfL0emcyKlIoR5_EsnOBpEqvadt6-gd0fCIVBn2gMb5oprsSuOi-gy-1ndrkTMPaU/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>

</div></div><div class='fixedmenurss' onmouseout='this.className=&apos;fixedmenurss&apos;' onmouseover='this.className=&apos;fixedmenurss1&apos;'><div class='fixedmenurss_1'>

<a href='http://feeds.feedburner.com/naukrituts' target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLulRABeKfa4D-rYBKSpY8HoAImbudIo6_R-rcNYf0yRimgVav3tDhphT8Jn4FJMD2D50AVvxkHh6vTNLwo_j8kcH6W4xG6dkAkP2A1vJil76lwHw3dkILv8Ovc29ETKyaRjK9P_XkChQ/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>

</div></div>

Customization: Change highlighted colour text with your user names and save the template.