How to Add Fixed Social Media Sidebar for Blogger

add code here

In this tutorial im gonna explain how to add
Fixed social media bar for
blogger. By using this social media sidebar you
can link your social media profile
Facebook, Twitter Google plus and Rss feed. Check the
demo from below
link. If you want to look at other social media bar.


1. Log in to blogger account and Click drop down.

2. Now select "Layout" Like Below.


3. Click Add Gadget and select 'HTML/Javascript

4. Paste below code.

<style>
.fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg390BpYEUJ3PdEEoXY0qSwhIgzyrDQPRW3wq7Y2wj428n5UAKcczm87LyjsRJVNWA_tU9sTnEKBZsI93ZVlf76lp4rFIa2aMXBDiAfbbD9Po6qYLwNWr97fVW-ln7ps304tv6lRDfc8n0/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/AVvXsEi3cg4EPPdROxqtPnQPnOn_6j6Q-of56DRvH6pwVNWeN5yc0BLX3S7Gc_SNYX4YqlhHPoEPEgLW8eesZpXZoBg_Rh6GKgaCnfLiEFdmzDoWISuan8xJBSCxDiXpGvWiZ-05e9pfxX78iEE/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/AVvXsEhiS6HCUoYcn2iiWSgWgtRkbdRiXGHUtHmMq2YYCPF-Er86y_aR0r15gk6gUuV4CsIzSLD41H75kXmQofn5aB2m27EVX26hZxZRUu7b67MsLosgBVv6veMvnBAgI7yD2OHkrZX26To0dmA/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/AVvXsEgo7-ISV0IKa5u0QOgI3WLCwbYnSpAt7ynXxbAvhiXD8OBIMyXShrME0sfylDG6IDLuHnn8pODKEFkbuUT_Cg6Y_cjaPeWcvLmUsi3P_0hXeySdO70lSu-oT-gfPAaUoKdDo5kI6RgqA4k/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/AVvXsEgqivfeHy4i7kR5oPuvW1xVii_tygbKjyJh71YjG4CUDweg56IfoiOJjthmM_3_6j1ZrJHHTCRN_nthFfFTjI9jFOVsvhNuLZqpcRt_2TPUVeea381i7pgxmMsl7X6aIGTjNCwGOuw77cI/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/AVvXsEgDqZ4iIeS3Ku12-dAMYPId2fY_jSOENTA9w96kmaZGuoSZsrj88xGEsdXJ3pQV1oYyE18-I_vDOGoYKZiR1Y2tGXK1JmYwfqBCxR4cuto7MDgf6Fd8-dLa0EQ7wz1NyM4_FSWVV2mt2P0/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/AVvXsEiou2tvaq3nXof21AOYgM-WZED3QOPcuKP8Iid4slD6jdlSLKoVDDi0H4uzcf30AN9uMRP1m7yMZZE5SqaAbHVVQfQTtDiZBADFcQgjDirbiwzXeVZ1Hg785Gtv5ausp-vTxdAq7b4CCKM/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/AVvXsEjJ9Jx9USVVwh9wyh1kaywE3fNzW4oZzIjzKGnJQQbBI_cyjN3xRtg8m_s0VfPVDzOvUTb4gKaabw072lzLJp6i1XkJ4I3GcqJYkUs381HeQnIAT3i-qXv5MJdnXdRDBoH7HqRTMQUatQ4/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/' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI7jP-lRGtoU0K8CsfGvNcI9t2MKM7XtZTQq6ORdKjtDQF-poQ_Gt7NvJTT_zDA0BJLwlIG4I79nv6N5DSe2RprfCu1CA-iJrt9A17NUfN2sDg3UsXvqKWpkZJ8siUWDpBef92PA4GIZ4/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/' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4PJ2v1osxRC-c0u-Eyj5EoReVR1Dx5vAy99hK3VO2YWIc1bqbHkp2xEdWVGhfpXbfcPye3uw6I2rxrIynyat9j3a1wI0Hh2HgAp6NuwCFsN3qPzJtnXhgzOh5COjxr8YE8UqG8dlBww/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/AVvXsEiNxHpzwJMmpVwAEHl5RW-WSKtdMn3ffC9QaWv1p4zA8MPF4KyWv9W8u9PVLZsXXrIdXngdfsTzyCfGXwwXGHf27U0U1N_JvH2Bh23rN7d3t7cyhppq2D2EAFCh30jGKOh4qMhFUrjYyF0/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/ target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4VnzjWO08lt-7BfV7f3VUMFA4xlu1nHlUhz2rNpY4oSkE6B4eMEsoY_jLh8-aWvPDpuqV3Bgmi0jBaQpcds8Z-tD8Now7CK1ObO-UMXLox5-TPiM8CXWWcQuxz68ApIXyQmJHRpiblOI/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>
</div></div>

Replace Your FAcEBOOK TWITTER AND FEED BURNER ID

5. Now save your HTML/Javascript'.

Many Word Please Visit You May Like

1. Create Single Name Account Facebook On Android
2. How To Create Ghost ID on Facebook Updated March 2015
3. Remove Or Modify TemplateISM Credit Link [ Working 100% ] No More Redirect

• Tweet
• Share
• Share
• Share
• Share

Related Post