How to Add Fixed Social Media Sidebar for Blogger

غير معرف 0

How to Add Fixed Social Media Sidebar for Blogger

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/AVvXsEhUqU-30o7noCZWZyIpj5MiEqZ3LFulu27Va3Y6snpQOyD9S5wrBLy7uYtUlJirqJgJ8cuOqtxeZzMX4ZIoehg2JcxsbeUmonQth35yF9tJzJn4RZiX-4BDhofh4LknBJvbk2EEKM6Orzg/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/AVvXsEjiFem7ka2NZ56M5g4TA-7G31NY9GZVYBy50rel6oQDv4KewnOJZWc7hVQGygqoMoUk2DR3QS59ynZlbNOv9siocUMmSBYeNjemtmN1E8b9V_yzovIlc_o30m3Ts1ztsZM1zp6ZcXX6y98/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}



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



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



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



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



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



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



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



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



.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/YOUR ID' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKZU0IBbptGvi8yPXFenD0D3gPESnxCnV950zA9TtSrQoq7u42N6NqtLF8S6_ocKFx3E4_JkMr67u_S3nF9Gb2MUNvKXoyizFQAouilpfib3S506UUxaHNeWvvUOlvhCXWaw88-VsaJU4/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/YOUR ID' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiPlRit3udlupUJWzhQXfGPHoKm_HEY91wQUGIFTNtpgkKPsdcRiQcjtCFxJop9kRYMz7FpI0C9L3me5AGZD0T7ap2tDsRLUBO9aTmRQx8DAQ7dP5nLYQRZAIV32O9kYAZ1z5qt5-WxUQ/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/AVvXsEh05F1Z2nMbti5ZLkhpKg4BYJb_9jjS_e_L7d4wheM4zf7rbyyVEk6Vh9P_BsTeX8Odod0vH8mp_hoqu9nV_KgpF8ggUbgwUUUPopn52adOrw1K4q56eOKxrDf2isbj-jhouwXEyWvIOJw/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/YOUR ID target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbUgljk6-6Ajb3f0SC1jJBFNLO9Dx2dYRhwVcnT3bmf6bDHSgywFWcHlwtjdjfYByJj4rVnUhssKRDgwuWWRXzU52q0yOh2asHqlRt8jYQKi-AJhFJW3fjjENK3eVxOZJTc4UdI4TvJwE/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>



</div></div>


Replace YOUR ID with your Facebook username
Replace YOUR ID with your Twitter Username
Replace ID with your Google plus ID
Replace YOUR ID with your Feedburner ID 

5. Now save your HTML/Javascript'.


<style>
.fixedmenu{ background:url('http://1.bp.blogspot.com/-

FaeRKNmFDX8/Ud16d2_PZFI/AAAAAAAAAsM/5xugOK5YAuE/s1600/fa

cebook.png');background-repeat:no-

repeat;width:43px;height:43px;position:fixed;right:0px;t

op:160px; z-index:1000;}
.fixedmenu1{ background:url('http://3.bp.blogspot.com/-

W7Z5XKfLWd8/Ud16eM8AadI/AAAAAAAAAsQ/cv7fgYD5fiE/s1600/fa

cebook-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}
.fixedmenutw1{background:url

('http://1.bp.blogspot.com/-AEj1b-

df974/Ud16fs5CVkI/AAAAAAAAAss/HYNXT4cJpPI/s1600/twitter_

hover.png');background-repeat:no-

repeat;width:150px;height:43px;position:fixed;right:0px;

top:205px; z-index:1100;}
.fixedmenutw{background:url('http://1.bp.blogspot.com/-

WeUDB_HkbWA/Ud16fP78JoI/AAAAAAAAAsk/1k2WNVRCBvo/s1600/tw

itter.png');background-repeat:no-

repeat;width:43px;height:43px;position:fixed;right:0px;t

op:205px;z-index:1000;}
.fixedmenufb{background:url('http://1.bp.blogspot.com/-

hj1nQIe4NPQ/Ud16cbNkV1I/AAAAAAAAAr0/EswfGA-

rVjM/s1600/Gplus.png');background-repeat:no-

repeat;width:43px;height:43px;position:fixed;right:0px;t

op:250px; z-index:1000;}
.fixedmenutw_1{margin:0px 0 0 43px}
.fixedmenufb_1{margin:0px 0 0 43px}
.fixedmenufb1{background:url

('http://4.bp.blogspot.com/-umCgVIZ-

wTs/Ud16c1EAICI/AAAAAAAAAr8/5ZSWR05S2B8/s1600/Gplus_hove

r.png');background-repeat:no-

repeat;width:150px;height:43px;position:fixed;right:0px;

top:250px; z-index:1100;}
.fixedmenurss1{background:url

('http://4.bp.blogspot.com/-

SDcrlF3MTAU/Ud16dDy_wnI/AAAAAAAAAsE/QjdRXR9BekM/s1600/RS

S-hover.png');background-repeat:no-

repeat;width:150px;height:43px;position:fixed;right:0px;

top:295px; z-index:1100;}
.fixedmenurss{background:url

('http://2.bp.blogspot.com/-

9KAMTvWkJ4s/Ud16eU7kWyI/AAAAAAAAAsY/OpoARuR5pXY/s1600/rs

s.png');background-repeat:no-

repeat;width:43px;height:43px;position:fixed;right:0px;t

op:295px; z-index:1000;}
.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/YOUR ID' 

target='_blank'><img alt='Like us on Facebook' 

src='http://3.bp.blogspot.com/-

jWaYNYywDf0/Ud1_G7YS7RI/AAAAAAAAAtA/8b40N46byIQ/s1600/fa

cebook-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;'><d

iv class='fixedmenutw_1'>
<a href='https://twitter.com/YOUR ID' 

target='_blank'><img alt='Follow us on Twitter' 

src='http://3.bp.blogspot.com/-

ppQkr4BjSVQ/Ud1_HkD_OBI/AAAAAAAAAtU/xN5krYZPBhY/s1600/tw

itter_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;'><d

iv class='fixedmenufb_1'>
<a href='https://plus.google.com/YOUR ID' 

target='_blank'><img alt='Recommend us on Google Plus' 

src='http://3.bp.blogspot.com/-

fPA1gJ6k9Bk/Ud1_G_aexzI/AAAAAAAAAtI/rcqioslWMN0/s1600/Gp

lus_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/YOUR ID 

target='_blank'><img alt='Subscribe me on RSS' 

src='http://3.bp.blogspot.com/-

1XXERhy9eeQ/Ud1_GgCBHTI/AAAAAAAAAs8/TIB78w-

42eg/s1600/RSS-hover1.png' title='Subscribe 

me'/></a><br/>
</div></div>






Tags
أحدث أقدم