Hace un tiempo ya que no publicaba un truco para Blogger, pero hoy les compartiré uno muy bueno que hice hace muy poco.
Se trata de un gadget al que he llamado "Nuestras Redes Sociales" y como su nombre lo indica muestra un pack de iconos sociales de tonos azules que al pasar el cursor sobre ellos se produce un suave efecto de opacidad o desvanecimiento.
El truco funciona como lo ves a continuación (pasa el cursor por las imágenes)
Para agregar este truco a tu blog ve a Plantilla, Editar HTML, y busca lo siguiente:
<b:skin>...</b:skin>
Allí das clic en la flecha que aparece al lado de este código y busca la etiqueta
]]></b:skin> y arriba de esta añade lo siguiente:
#social img:hover {opacity: 0.6;}
Para agregar estos botones pega en un elemento
HTML/Javascript lo siguiente:
<div id="social">
<a href='URL DE TU FANPAGE DE FACEBOOK' target="_blank"><img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCAfHkDPgLYR1iRFH00XeR4mMPeJ6ETj5reEDKYsyOaboIB0RoxIE5b8FORk1osabmEZL1unpEsNZQCUwa7syrmcPwkl_8EQyHzOcZSii9U_XYwHbPqZiaJg4lM51USvIcd5V2JojEKfE/s64-no/thumbs_097124-3d-glossy-blue-orb-icon-social-media-logos-facebook-logo.png" title="Siguenos en Facebook" /></a>
<a href='URL GOOGLE PLUS' target="_blank"><img alt="Google+" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVdvOdxDj-V9_hwaKmf4iUi_EAZU7r_ASLc9GrFVJmZGku521wvzui84AANVK1X4SeZhTv6eyr6ZF8yTiirI8Vielz5J5XJ6hdOF7_pyX66a1gUJO01nhhnPUZUWdGbcm49YfDpX5zTX8/s64-no/thumbs_097137-3d-glossy-blue-orb-icon-social-media-logos-google-g-logo.png" title="Siguenos en Google Plus" /></a>
<a href='URL TWITTER' target="_blank"><img alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXrPOVgKUD77Wn0wCR0Yj6oW7VJJQ8L721CCsqJy2LG8PFzgar-fJhOJdJ6mndGTEz_OoknKc1_RV20PfDPle6rdVShvOagv_ZJh-zzSmXALkiBZEFYGWfK1-kqNPTpE3ikFW3FTUv42c/s64-no/thumbs_097196-3d-glossy-blue-orb-icon-social-media-logos-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/AVvXsEhWYzljvj3tqu1xTMVkICV1lalNjYVsR8aLtxrFT3LBxw7U0mOKjSAYa8i7jOvq42wjtMVSjIxpdcgzwZbx5oC3SoKPdRBnI6y79ev9TSLmqGficLpbXQ-HxGsdfSiPulduFb3CFnrqD6s/s64-no/thumbs_097172-3d-glossy-blue-orb-icon-social-media-logos-rss-basic.png" title="Suscribete a nuestro RSS" /></a></div>
Con esto hemos agregado la estructura HTML, deberás cambiar la parte resaltada en color azul por lo que se indica en cada caso correspondiente.
Ahora solo falta guardar los cambios y listo.
Mira como ha quedado el gadget en mi blog:
Si te ha gustado este truco, comenta y dinos que tanto te ha gustado.