Como insertar iconos de redes sociales en Blogger


Es esencial para todo Blogger obtener nuevos trucos para sus blogs, el día de hoy aprenderán a insertar un código en un widget, con el cual les mostrara los iconos sociales principales de las redes sociales más utilizadas en el internet. Como insertar iconos sociales con efectos en Blogger? es fácil, solo basta con copiar un código en un widget y realizar unos simples cambios con las direcciones URLs de sus perfiles sociales. Los iconos de perfiles sociales sirven para que los usuarios que visitan sus blogs puedan suscribirse mediante sus cuentas sociales, con esto aumentara las suscripciones de sus perfiles sociales y sobre todo aumentara su tráfico web.

Como insertar iconos de redes sociales en Blogger



Les gusto verdad!

Vamos a trabajar

1 Ir a Blogger

2 Un clic en “Diseño

Como insertar iconos de redes sociales en Blogger

3 Abre un gadget “Añadir un gadget

Como insertar iconos de redes sociales en Blogger

4 Busca el widget que dice “HTML/Javascript” ábrelo

Como insertar iconos de redes sociales en Blogger

5 Ingresa las siguientes líneas de código en su interior

<style>
#ayudadeblogger_socialicons img {
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

#ayudadeblogger_socialicons img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
</style>

<center><p id="ayudadeblogger_socialicons">
    <a href="http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017"><img src="http://3.bp.blogspot.com/-eG9bPvyOXro/UPBYTmI8VEI/AAAAAAAAJqI/TFBZzBxJ59c/s1600/NBT+facebook+icon.png" /></a>

    <a href="http://www.twitter.com/ayudadeblogger"><img src="http://4.bp.blogspot.com/-dB0P2JmL6QA/UPBYVfvhyII/AAAAAAAAJqU/HFD5UeTJck8/s1600/NBT+twitter+icon.png" /></a>

    <a href="https://plus.google.com/114283163993086871162"><img src="http://1.bp.blogspot.com/-XU8OI90JZQc/UPBYUKmev_I/AAAAAAAAJqM/FPgdcMimraQ/s1600/NBT+google+plus+icon.png" /></a>

    <a href="http://www.feeds.feedburner.com/foroayudadeblogger"><img src="http://4.bp.blogspot.com/-YPkJD-sewC8/UPBYWk9dzBI/AAAAAAAAJqg/D3FVlAJz4VE/s1600/NBT+rss+feed+icon.png" /></a></p></center>

Realiza estos cambios:

Borra las URLs que están marcadas de color azul, y remplázalos cada una de ellas por las URLs de tus perfiles sociales.  Facebook, Twitter, Google+, Feedburner.

Eso es todo, ahora es momento de dar un clic en “Guardar” y ubica tus nuevos iconos sociales con efectos en el lugar que mejor te parezca.

Fácil verdad!

Recuerda suscribirte y así recibirás mis nuevas actualizaciones directamente en tu correo electrónico

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber y de inmediato les responderé

Saludos




Share:

Related post

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments: