How to Add Fixed Social Media Sidebar for Blogger

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/AVvXsEgUdR5WyBSspRVtWLuwuiRR-WC2P_RwPCqXF9tphEbzCRfqPC3GWeFTH_cHLMwaUaQrEPvczv-bupsj-HRgmYKhx2rSqzvRXxlPsjVhmXZDJMwLJsyJUm2K0vRWxpZtzj4tZivt3yjuQzg/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/AVvXsEgz8JYeSmWiU2rQqSIQN6DJvHXLknYKDNqYPCnTB1Bn8hWzUGeik8WSP-OMa0PdgPUT_h09nLNIhdtyUqPgxg-d1IsfiYDLCEA-kZcLWo7COnnqD2rk_Ip_am0ZHdLeobP4L7sjxQBbV1M/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/AVvXsEhO5P-BUpsyLAEFSBX5rmqmzzsZ1mSdnEF-zJfWrUstTw8IebHIqleRX5E5GrtH0uFmWyqLCoyxo6MqWbz3XwTWLcMrYmGRJuNGyKw7GnhRpYHoP6pPo4P_b61r3YHpJvxe1gKcVRPl0Ug/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/AVvXsEiBTDcAAmuJC3eI7cSyAvt5ImYzmhRhcjy2_6UnmjXdnN2ObZCckVVKTD9F1n6RwFVoY96cnaVl8elEvrtyni1agP_vdH5X9QHg-qDWVwwzfuAFidc1ODxK0AdYCUP8QbiULPxGMJePeXs/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/AVvXsEjyuwCt9-hTObkbb9xhnQzSvzA2QPhR-gJV6cGFUmNSV7ODwHQHJtATHieg8eJeb-Xwc9ZrG5UDaJEThtzGZlPEBdPdbC1kUADYFLsezyWcsfifeVy1_ltexwwH3uVPZhIGBwAAdoyhf3k/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/AVvXsEhc_MHhsoSRzZabmVHU-Xx0wfObEydXjiPP1L2KsvK-kzdIz_6dchoNON5k1rSpzpFuPVyJ5a6giz95EHbI-DMr8-DQq_XpwLLKDTUy7wP7DArRG39mOfb3zyewAjy5PM18OFhvGfb9Dx8/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/AVvXsEiCECuanEO1c7igg3VAePTETHJjxMONje88fN4zP1um3erV2NN7brBhH-XHiReblNbsroUCSuwtw3YgpLYBJzwOH-eo47E9bUaWilU7aBaGXmzye4Js55zpFSOLGdVnRQSxOlrD3nlF2rE/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/AVvXsEiLIsBywPrlhISQ_CHd5vb29xGplKJ66H1UVpr3pvhhkg4VkA0VHuOHzIzzVtykANzjDTo9qG8DQmUgGcmyAxkKDfcF7EdDkcsuyHMLqXCjMiAgy61PTpzemIX1Act3mRcGN2tn7Nd-mWA/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/AVvXsEj7zvu5xhitHEncp5mGEb_Cudk4hlG-CmdLs8zmMeic_rofmRMuKfImsYNnO6WlBqDwtxNJCK-Um9w_6Pm3nOtDvrSkRmXOAPOP1_7qc7C5c69QcvAm90ABk_w0AIzvOj3d8gv080yj7g8/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/AVvXsEjT3MCvXw0DJMrTXr9ba0hoXmAVRpwW6Qlem-taAE9eYtL7awA7hwSroGwkCecaknLEMD4UH8vM2Ogbpds95qp_QrqXfRNrG02oncvGHfmZ6drmRO9a0r17bfB7BeZ1hIjxMUvwrhm71vk/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/AVvXsEiVLeh0sG0DgwwQUSwdpRA6ktRbg_n1fLX2GbJCGtAF3-qAehgmdLAX-bqIRpblhANfJjvCMw8YA0X5BvTF0IB1WuSwrXlo_VJqypN_fAd9zdkEb9BjoWIUQrBHBK_vuFPjplJduWqwVEQ/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/AVvXsEitgA1i-nSrwDcDSY-fzZRCQDgSaDoFVMqMxadUrENhsg4xB8KGGoOIPx7A_3LXWnJUCA2I3k64jYFnxpZ7PdCNGLedoPpU7J3DOjK60yZULVO_LQl0xLoJZl43p4vnZBHKygEnlkjMvQA/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'.

• Tweet
• Share
• Share
• Share
• Share

About Admin

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Related Post