Hola amigos de bloggerFLV hoy les vengo a traer un gadget que es llamado "Nuestras Redes Sociales" bautizado así por su creador Hayder Juvinao. Modifiqué este gadget por la razón que el diseño no era tan perfecto, ya que tenían un fondo blanco que no se podía agregar a las plantillas de color negro.
Ahora, con este gadget modificado en las plantillas negras quedarán así.
Lo bueno de estos iconos, es que obtienen un efecto de opacidad al pasar el cursor sobre ellos.
PASA EL CURSOR SOBRE ELLOS
Para añadirlos nos vamos a la Edición HTML de vuestro blog y con CTRL+F buscamos:
<b:skin>...</b:skin>
Si no lo encuentras busca solamente <b:skin> y desmarca la flecha que se encuentra en esa linea.
Después busca ]]></b:skin> y arriba de esta añade:
#social img:hover {opacity: 0.6;}
Guarda los cambios y dirigete a Diseño → Añadir Gadget → HTML/Javascript y pega:
<div id="social">
<a href='URL FACEBOOK' target="_blank"><img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5JZLooX4EAcVg1MD4sbIrqEzVwAzWq8VO3Rik0JRbOTjH4cM6TSGxMb-zEnBrVHvh-T_wlbeJIRoYZNhrDaJv4LqSvc7ftrVfYaRqcDtgc1BmfBIJ1F5xaeyuYnVTfgs6bWZIApyrqeWY/s1600/facebook.png" title="Siguenos en Facebook" /></a>
<a href='URL GOOGLE PLUS' target="_blank"><img alt="Google+" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP0nqLRkiCLx0oHGvsAaibzURr9Jk3EJCz1PgsS6LLU0pFRbmxs6HdbRskeiyQSa1yKuTYQLfRXP5m59xAs1gmAFC5HrkT9iKkowC8xcHDBUKeVIqiXetcXa9cYRu9S7oUUet2Of2fvAri/s1600/google+plus.png" title="Siguenos en Google Plus" /></a>
<a href='URL TWITTER' target="_blank"><img alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjElJ4FQabalNmJuWlpiGxOG-bTcEPM9fS7Lv8bFoO-IfKnfi8rJokn9f3W597Y87oJ0uupnf7lc3_ueEKCn17uq_gyB-8CHMC2QdRY2FszBz0v3B56MrOTUtNr2VdXyqUtFzSj0mM9rcmP/s1600/twitter.png" title="Siguenos en Twitter" /></a>
<a href='URL RSS FEED' target="_blank"><img alt="RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYrjBtjVL4zcNaOXFBD9dWLJ-7dCQuMlMmi7oR5u2bQQBIAeX3XIDFznNKraiaqiunnNv_Lbi_MjVT0Hb4f4ftoG_OEzxfGa3audG4jqvVUmCwcKZqRyj8qDRAoeoJRNyl3E7jwhLbspPc/s1600/rss.png" title="Suscribete a nuestro RSS" /></a>
</div>
No hay comentarios:
Publicar un comentario