Como poner los botones de redes sociales en un blog
Como poner los botones de redes sociales en un blog de blogger, tumblr, wordpress, en una web normal…. pues la mejor manera es con código a mano en un widget o en un gadget.
¿Porque son mejores los botones sociales a mano?
Lo primero porque no van a consumir los mismos recursos que un plugin, son muchos menos los elementos que los componen, en este caso son html por lo cuál son muy ligeros. En especial estos porque están muy optimizados.
Las redes sociales para tu blog funcionan como una pequeña imagen que está linkada a una página por lo que es infinitamente mas simple y mas rápido que cualquier otra forma.
Los plugins sociales están muy bien pero hay veces que tienen demasiadas funciones que no usamos, y nos permiten poca personalización, además hay veces que los botones tienen la función de contar las visitas y me gustas no le gusta a todo el mundo, o tienen demasiado javascript.
¿Cuántos puedo poner?
Las redes sociales son muy importantes y a la hora de promocionar nuestros blogs y a nosotros como profesionales, hay veces que nos quedamos cortos a la hora de poner alguna red que nos ayude a conectar profesionalmente por ejemplo Linkdin y Domestika, este último casi no lo encuentro en ningún plugin gratuito y es una pena.
Me gustaría poner unos mas acuerdo con mi blog:
En esta tabla he puesto los botones mas conocidos de redes sociales para poner en el blog, en caso de que no esté el icono que buscas por favor dímelo y lo incluyo en la lista. No os preocupéis estoy preparando unos sets de botones veraniegos de redes sociales web y de otros estilos que no sean tan chillones.
Si te suscribes seguramente seas de las primeras personas en enterarte de que están recién publicados
¿Como los coloco?, ¿tengo que cambiar algo?
Para que podáis copiar el código que os interese de los botones sociales para construir vuestra botonera a mediada he escogido tres tamaños que son los mas comunes 32px 40px y 48px . Os aconsejo que os guardéis la imagen del botón porque al estar aquí alojada si un día elimino el post vuestra imagen desaparecería, entonces a parte de poner la dirección de la red social podéis poner la ruta de dónde tenéis la imagen alojada.
Os explico mejor como funciona cada elemento de las botoneras.
herf= Poner entre comillas la dirección de vuestro perfil o página de la red social no os olvidéis de poner antes http://
src= Poner entre comillas la dirección de dónde esté la imagen alojada no os olvidéis de poner antes http://
title=Poner entre comillas el mensaje de sígueme o podéis quitar el title=”sígueme en Vimeo” entero.
hay un elemento que es <br/> esto es un salto de línea si quieres que ordene los iconos en horizontal quitalo.
Tanto como en blogger como en Tumblr no suele haber una alternativa mejor que hacerlo a mano os dejo unos botones de redes sociales oficiales y lo mas importante el código para que lo podáis poner en vuestros blogs sin mucho lío, también sirve para páginas web y correo electrónico.
También esta manera de poner los botones de las redes es adecuada para wordpress, por ejemplo para mostrarlos en el foter, estos botones para los social media links son mucho mejores que los procedentes de plugins por que son mas ligeros y no necesitan tantos recursos, son html puro y duro, la carga de tu blog lo agradecerá.
Para alojar imágenes podéis contar con Tinypic que os proporciona una url externa a vuestro blog, aunque es mejor que la tengáis alojada en vuestra web o blog.
32px | 40px | 48px |
---|---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Youtube | ||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Likedin | ||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Google+ | ||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Rss feed | ||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Blogger | ||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Tumblr | ||
![]() |
![]() |
![]() |
Flickr | ||
![]() |
![]() |
![]() |
Picasa | ||
![]() |
![]() |
![]() |
Correo | ||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Myspace | ||
![]() |
![]() |
![]() |
Skype | ||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Vimeo | ||
![]() |
![]() |
![]() |
WordPress | ||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Yahoo! | ||
![]() |
![]() |
![]() |
Behance | ||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Domestika | ||
![]() |
![]() |
![]() |
About me | ||
![]() |
![]() |
![]() |
Bloglovin | ||
![]() |
![]() |
![]() |
Por favor compartir y comentar si os ha gustado el post para poner vuestros botones de redes sociales en un blog a manopla.
25/09/2015 @ 1:18 pm
¡¡¡Voto a brios!!! esto me viene de perlas, thank’s you.
25/09/2015 @ 1:20 pm
Jajaja si la verdad está muy curradito el post!
07/12/2017 @ 4:00 pm
Hola
mil gracias sí funciona (Bravo)
Quiero pedirte el favor de incluir el de whatsapp, es muy necesario
gracias