How to Add Fixed Social Media Sidebar for Blogger

Social Gadget/widget is very help full for all bloggers. In previous Posts I told you about many Social Widget/gedgets .In this tutorial i'll tell you about a new and beautiful social media sidebar widget/gadget. This gadget is fixed in sidebar.

ScreenShots

<style>
 .fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhObUowew87TX7aayLPc_c0fL1EbsxiuXT2zQ6gWYVyvxWGCMzSIp1prqVHgA88A8A3g42ANnQsrw2UuUUa0ALFOsj0-Pbf_uLngkJthmXKfnKL0Hhw8sytVBRX7LnL4E6kZbljBWpRuMY/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/AVvXsEhRri800Owa-Z7qfSq6fQmTI4FnGz7sWocAQoChJFQmdbBw5I1JnnpOxRybF5SyGgBes0loqjx8svzd_CS121cEj175mXIO8rORAeShrLc6C8WGEKoB0PLZayU1kSx4xgKOODJrsL_xSAo/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/AVvXsEieVamiabirEmdJqEmeSuEfWK1q4xoE0m91Y7qMlQC8tms0gOlxZgZNGqXQy06zLZM9yExEgJvtudZYilvbguG26SHVwCL3UKAz1Nnwgre67_1gI3zDa_H30xJ3HuJvrbOj96C5Etou2xE/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/AVvXsEh0YEeGmcYvHavwn0yxTcH84aNlQFE11jeWYz5YCuRlqZdbFoR7zMs4yJSspqEZqSmdgn1o9M-CsRWdlY1AcI_e5eT3cHZGJ6hiLTVRGcQM5sdOiDh4UgAhGflPAgq5LWpSlzHzSLtcD0s/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/AVvXsEjA4aKedSANrpoYMqPlFHAdchjuLrOH24xbVct-9CD0GDM8NqgyMUnK1YSk6trtS6TlDHZrfImWRsLE9ECMqJrnLLvMbIcToOKnOBhJTPVAlPczhbvakGRyAL7sJzbUtCNPU9uGrO8SiPA/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/AVvXsEhLMt6u3fA2nsqQngTtChMrUNEzmyqhOJMaZ_fWYqhPvsz27hbZYTajGn4d1KH4B61jehfrfpptlIOdAeUYUnKJYGC-9QpnoxOB8HwyNTR9sjE6clzIipP9tx2WxK6y4Nxje6vyXB9DeaQ/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/AVvXsEgJNdkETprcyl4ZoaaAiokMthBkspfHwB1BcLnu49zH6jUn3TkO-sHYkdocrDju1912Ud0HyNv460TXlr3jyjSs-wOoq3dWk_qY3DWNcCv_hOsn9QBN007UOoOpIDEgoHReT1a1Mh9EP-4/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/AVvXsEgk7hzvYITiTRRPP2RPtSswlFga52ct0grPZLqJh8heERjK9J6deynd5HgJ_GOZ3grdEXZYOrJd26mxJN_rd4XsChyphenhyphenb-Opf_m-AyK534VVJBlQ9nFT35y58p83jVLPR_52sVAXJTWeKG1A/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/blogger2wordpress' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh52AZIh8NbyhMfxwM6RSGbkX2bfCIwTK4HXYIVH-jSorI2mpClQV2nMhAKO3vWJ3_k1eyZWphlVFz7iLy1h50gTtKXC0biAUN_7aBgK4ca-9izG270sUhDUA2EWTWMzVZqTyN9rijriMo/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/blogger2wordpress' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA4K8alLQUfB9jxue8WpNKSxkT3wq9gCfb7bFdHfyVuGi1yOQbTgxb2EyUT9Y8vpqwDkHAkDufnZn9RkCtj01c4csllHhLLbYGEW-1pscBZpihUSwKo7xxoSh5VhZK4qBsfdvbtnvDbQk/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/ID' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH_-F1l8kcEdjBnXFHY8l8CdP1w3R5nDTPflQifReXCrHUx3sMikbgESp6QaOUlvmaHu3lQ1mPhvEFkO3IDE-gfWejr3nF5JWP5EsS23GaMK3SX5IstTJitx_w9PW1L2bi8OmYIyyQOdY/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/blogger2wordpress target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2G-3vvdaTUWNyQCv8UiE8er_eaFxbY1UxYbtEjrjlURLiJE3R-Sj3bicjRoK-4p7js5yeQYgTC8Q99NS-SqhL-gWSdodtJMmVKwg5b8SMsl8ePktIkq9YKqDa5ih1cntVB2c_DD4xZvE/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/> </div></div>


Login to blogger>Layout>Add Gadget

Paste below code in box
Replace blogger2wordpress with your Facebook username
Replace blogger2wordpess with your Twitter Username
Replace ID with your Google plus ID
Replace blogger2wordpress with your Feedburner ID 

Now Save HTML/JavaScript

You are Done.

Please Give Us Your 1 Minute In Sharing This Post!

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Powered By: ITmaza