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.
Además, si necesitan obtener más métodos
de suscripciones para Blogger, les dejo algunos post que publique anteriormente
A continuación mire su demostración en mi blog de demos, el widget de iconos sociales está ubicado en el sidebar.
A continuación mire su demostración en mi blog de demos, el widget de iconos sociales está ubicado en el sidebar.
Les gusto verdad!
Vamos a trabajar
1 Ir a Blogger
2 Un clic en “Diseño”
3 Abre un gadget “Añadir un gadget”
4 Busca el widget que dice “HTML/Javascript”
ábrelo
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
Recuerda suscribirte:
Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
0 comments:
Publicar un comentario