3 Botones flotantes de redes sociales

3 Botones flotantes de redes sociales

Buenas!, ahora con otro tutorial, retomando el tema de botones de redes sociales diferente solo que este es un float vertical y esta posicionado por defecto a la derecha, un tema similar se vio Botones flotantes el cual esta constituido de Facebook y Twitter, este como dije es parecido solo que lo retomo con 1 de más, el Google+.

Puedes ver la demo, el codigo en vivo:

DEMO

Sin más parlamento comenzamos con el tutorial.

Muy sencillo primero ve a Blogger > Edición HTML, busca con ayuda de Ctrl + F la linea </body> y antes de ella pega el siguiente codigo:

<a href='URL_De_Twitter' style='display:scroll;position:fixed;bottom:330px;right:0px;' target='_blank'><img border='0' src='http://2.bp.blogspot.com/-r2kTvDo3bfw/Toc-MKnFfxI/AAAAAAAAA3A/3f86LWBmR38/s1600/boton%252520twitter.png' title='Seguirnos en Twitter'/></a> <a href='URL_De_Facebook' style='display:scroll;position:fixed;bottom:185px;right:0px;' target='_blank'><img border='0' src='http://1.bp.blogspot.com/-7VSvlkal0os/UFORwVAFAZI/AAAAAAAAHkg/nhegYirxh5g/s1600/boton+facebook_opt.png' title='Seguirnos en Facebook'/></a> <a href='URL_De_Google+' style='display:scroll;position:fixed;bottom:41px;right:0px;' target='_blank'><img border='0' src='http://4.bp.blogspot.com/-idti1v7hB8w/UFN_GPFp2NI/AAAAAAAAHjA/16kXdqvAXHQ/s1600/aizumgoogle+.png' title='Seguirnos en Google+'/></a>

Eso seria todo!, muy simple gracias a 998pow

 ¿Te gusto el tutorial? → Siguenos en nuestras redes sociales para más!. 

Comentar es Agradecer.

¡Compártelo!

Tweet