Redes sociais flutuantes


Nos dias de hoje as redes sociais estão dominando,e nada melhor do que poder divulgas seus site/blog nelas, para isso é muito simples você pode adicionar uma barra flutuante de redes sociais em seu blog, basta apenas adicionar um novo gadget, HTML/JAVASCRIPT e inserir o código abaixo

<!-- Styles -->

<style type="text/css">

.sosmed-kananblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVMmIXTgQ2SD0wITkfIYo5GjWxsT_E1stFMFVXC1mlOkzX_cdoraivKrFqgfFQoNdd2ymDRS16_mcd2MRUZas6AhQnBO_Z3HNbbqAEeKFWC_yg3NR6cREGpf1ZnZtmVWLPwlSuhxv8BeVW/s1600/FB.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.sosmed-kananbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibDq3F3uh2WeenXCa7mzXBqUINz8DW6EMjAWsOj1wjv1CRg3OxGMnpIn183HV9AZi68sV0n5DOkkcfHyPWVd_sbwjvmXkq3xp7fm990xt7boOZ-oQz4O2V8CW0AHnDKVW7d6RmoYVUzqHa/s1600/FB-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.sosmed-isiblogger{margin:0px 0 0 43px}
.sosmed-kanantwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4q6llwaqEV4UU4CaYyqtCgbsOfGPqyzZY3mjrIlS6wmiLEcQnn2Z2lhEmULwpD3XWByJFSPi5ODB_LA76HDOehzN_CdLaheFENlGWxE1IhZXNEHcXJVvJn4PkpwoKU78l3remsCcK8rU4/s1600/TW.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.sosmed-kanantwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCOKEn5V-NidRl6D3MhMML10M4a-IjK1DdJrAt3jN2RXS_vGiVb7fgf4794Ocvez3JeVCFIdv9x8xbbN4rBeoISVdHZNWcpLt3p1jXVBiFD-zCGEzRJF74VtFpNIlGqVZqLVb1eKLW3JmT/s1600/TW-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.sosmed-isitwitter{margin:0px 0 0 43px}
.sosmed-kananfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSCSm0r3FHDCbcTx9CBqshenlLSa315V26n4aWpjJtqcW5cqMvse-8H13jmxjZpQGQImAntQr2t7KEHHQ6Kn4rk6RxnFV7lXLK9qbV7AiIgJ8USYkylhD5_F8D4AZY4pYhVs7y6NEhEW9x/s1600/G+.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.sosmed-kananfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK__9tNamEVFHrrUv6LdsZW7akXqpF1wD1AjJWWhr_hDC-vT-n7VePe5EDF_3sXUOv5AuhvltLX4W0_Y9pwXAneLYH9nEJ80VXLdRsX8e3fmzT66swgYxVC5-3imtpXm965h3pyPeURDuo/s1600/G+-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.sosmed-isifacebook{margin:0px 0 0 43px}
.sosmed-kananrss{background:url('http://2.bp.blogspot.com/-A2gUy4WF8l8/UUa2igFbIZI/AAAAAAAAAiM/2ck6-Wot2yM/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.sosmed-kananrssc{background:url('http://1.bp.blogspot.com/-RZyN5DznuUY/UUa9Uc04tFI/AAAAAAAAAi8/okz_LnBFNS4/s1600/RSSjoss.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.sosmed-isirss{margin:0px 0 0 43px}
</style>
<div class='sosmed-kananblogger' onmouseout='this.className='sosmed-kananblogger'' onmouseover='this.className='sosmed-kananbloggerc''><div class='sosmed-isiblogger'><a href='LINK DO SEU FACEBOOK' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmzB7gygF0MkgtkYKeJyVOduAKaWCv002khxfFm1TjA6sDPoEGoJa25Bz2xxHzt685Xw0I9M_T2KJdSkRyZiurynfZqEn8gYCI36E6iuelZe1N8TnWUlT6cvXi27Z0rePxHNoA34dE0ZpS/s1600/FB-open-new.png' title='Like us on Facebook'/></a><br/>
</div></div><div class='sosmed-kanantwitter' onmouseout='this.className='sosmed-kanantwitter'' onmouseover='this.className='sosmed-kanantwitterc''><div class='sosmed-isitwitter'><a href='Link Do Twitter' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBL2UkGu8gq7H1S3VarGmaJ8hUwMj5TEwWaS4IGxHtMgk-dZPuJo5nMeGz80hMPYNANRDwEaqqSSqRwixjER_mqaTVHi6hBBpXjx5fTZbdHlxrs7GxhSMiNj2bFTrCgCYbRnD4i0ak43Zu/s1600/TW-open-new.png' title='Follow us on Twitter'/></a><br/>
</div></div><div class='sosmed-kananfacebook' onmouseout='this.className='sosmed-kananfacebook'' onmouseover='this.className='sosmed-kananfacebookc''><div class='sosmed-isifacebook'><a href='Pagina do google plus' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj_CVPIDSHpKno-Q9YdkgrM7PZOiGevOuq-Fnjs3irT4jI2i1kRHgj7IpCCzFdApljsPtmNyVgKjhQ1pcS4qAIfKfZCEatbIEZgdQYzJvjIM20VoEEsIEecWSr3hLGHzA9zKW_N4TOgROM/s1600/G+-open-new.png' title='Recommend us on Google Plus'/></a><br/>
</div></div><div class='sosmed-kananrss' onmouseout='this.className='sosmed-kananrss'' onmouseover='this.className='sosmed-kananrssc''><div class='sosmed-isirss'><a href='FeedBunner' target='_blank'><img alt='Subscribe me on RSS' src='http://3.bp.blogspot.com/-MDAVOH3vOYU/UUa9UYMZCJI/AAAAAAAAAjA/YicU-mlZMrY/s1600/RSSjosspendek.png' title='Subscribe me'/></a><br/>
</div></div>

Edite nos locais indicados e pronto, ai esta sua barra de redes sociais

3 comentários:

Junior farias disse...

não conseguir =/

a disse...

vc editou os locais indicados corretamente ? testei em varios blogs e deram certo...

TecDroid disse...

aonde que eu tenho que editar?

Postar um comentário