Barras con iconos de redes sociales animadas Blogger

Iconos de redes sociales : Facebook , Google+ y Twitter.

• Fantasticos iconos con efecto opacidad,para promocionar tu blog a las 3 redes mas de moda en internet. Estos 3 iconos de Facebook, Google+ y Twitter son muy faciles de aplicar para tu blog.

1º Vamos a Diseño :




2º Añadir Gadget :




3º Seleccionamos y buscamos :




4º a) Abrimos y pegamos el siguiente Codigo :

<div id='social'> <a href='URL FACEBOOK' target="_blank"><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN_1CN6wL84RXgQOs3iHHGbaCSpHZT6W5VkFoDNA78UhUSubNS9-uLMQ7dsYEEbY4ToHr4JtmWfCVhOpZcvtoLlKn0bDCv48rOlNPa5l6oP365ZXHgYS-2s_XI5TNGiNZZXugr1OFacHE/s1600/facebook+boton.png' title='Facebook'/></a> <a href='URL GOOGLE+' target="_blank"><img alt='Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAeFGTbO2HnWXUP8nibB3LNrJM4h5XLb5s8FxhtMW69_oBC2RokXWMFqyz9xPp9iI4Du_7pstgS4e7F5zTuNApa2IA12MJjchUFjz2_ieMV1buCJrPkdHVZvfqkarrpQcbJQd2bMYOGts/s1600/Google+++boton002.png' title='Google Plus'/></a> <a href='URL TWITTER' target="_blank"><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheIIx_QhPxtop3iRGumB4j_ei9BLi3szapR35XcvSZRGEcjkYPBmiQgPhTZpoXfN4yoPe6ubMjYHQ_ZtKXeyXFWuN4TUKcRiiVw-WFQrT0VbwQKGknoxfBGXRUZBu3KrEAe01CQacF9nI/s1600/Twitter+boton003.png' title='Twitter'/></a>

b) Donde vemos URL Facebook ,URL Google+ y URLTwitter pegamos el de nuestro perfil .

5º Ahora le damos a Guardar .

6º Vamos a Plantilla .



7º Después hacemos click sobre la opción Editar HTML.



8º A continuación pulsamos Ctrl+F y buscamos ]]></b:skin> .

9º Pegamos antes de  ]]></b:skin>  , lo siguiente :

#social img:hover { opacity: 0.6; }


10º Guardamos y listo!