Te Mostrare como añadir los iconos Sociales de Facebook y Twitter flotantes en tu blog de Blogger. Como señale estos iconos flotan i.e. y permaneceran en una posicion estable despues que la pagina suba completamente . Este widget tiene una animacion de sombra cuando pones el cursor de tu raton sobre el mismo .
Despues de configurar estos iconos se mostraran en el lado Izquierdo de tu Pantalla. Cuando des clic en el boton seras redirigido alas paginas de Twitter / Facebook deseadas. Puedes verlo trabajando en el enlace de abajo recuerda veras estos botones al lado iquierdo de tu pantalla.
Demostracion
Añadiendo este widget a Blogger
Entra en Blogger>> tu Blog → Diseño → Anadir un Widget → HTML/JavaScript. Pega el codigo de abajo y guarda el widget.
<style type="text/css">
a.abt-hover img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;} a.abt-hover:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; }
</style>
<div style="display: scroll; left: 30px; position: fixed; top: 200px;">
<a class="abt-hover" href="http://twitter.com/Ciudadblogger" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Follow Us"><img border="0" src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/Images/Twitter-abt.png" /></a>
<a class="abt-hover" href="http://www.facebook.com/trucosdeblogger" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Like Us"><img border="0" src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/Images/Facebook-abt.png" /></a>
</div>
Cambia Ciudadblogger y trucosdeblogger Con el ID Tuyo.
Finalmente Guarda la Plantilla. Listo. En los blogs con plantillas bien anchas el lugar donde se pone este widget no puede ser corregido
Chequea Como añadir Menu Desplegable a tu Blog
0 comentarios:
Publicar un comentario