Hoy voy a enseñarte algo que te va a gustar porque hoy… vas a aprender a subir botones a tu blog! ¿Qué me dices? :))
Y es que parece que todo el mundo debiera saber hacerlo, pero oye, que nadie nace sabiendo, y que a veces cosas que para unos son obvias, para otros no lo son.
Y como recuerdo que para mi fué un poco follón al principio… pues creo que es una buena idea ponerte un paso-a-paso para enseñarte cómo integrar botones de redes sociales en un blog, tanto en Blogger como en WordPress.
Y además de los demases, te regalamos un montón de botones descargables para que puedas ponerlos en tu blog!
Empezamos con Blogger, si?
1. INTEGRAR BOTONES SOCIAL MEDIA EN BLOGGER
Vamos a ello.
1er Paso: Entramos en nuestro blog de Blogger, nos vamos a Diseño, y de entre todos los gadgets que tenemos… seleccionamos aquel en donde queremos colocar nuestros botones. Cada una tiene sus preferencias y una plantilla diferente, así que no importa que yo te diga donde tiene que ir, puesto que eres tú quien tiene que decidir su ubicación! :)
2º Paso: Clicamos sobre el ”añadir un gadget” que prefiramos y esta es la pantalla que nos aparecerá. Como ves un Gadget no es tan sólo una imagen, puedes colocar mil y una cosas en tu blog, desde ‘entradas populares’ a las ‘páginas’ que tienes en el blog y por supuesto, imágenes, fragmentos Html, suscripción por correo, etc, etc.
3er Paso: De los gadgets que podemos colocar, seleccionamos el de imagen. Tan sólo clica sobre él y una nueva pantalla aparecerá
4º Paso: Este es el paso más importante. Al colocar una imagen tienes la opción de añadirle texto, tanto como título, como en pie de foto, así que si quieres hacerlo en alguno de los os lugares, debes rellenar las casillas correspondientes, tal y como te indico en esta foto. En la casilla de ‘Enlace’ es donde tienes que escribir la URL o dirección de página a la que quieres que la imagen quede enlazada. Si la imagen en si la tienes guardada en tu escritorio, selecciona la opción ‘de tu equipo’ y escoge la imagen que quieras. En caso contrario, puedes seleccionar una imagen que pertenece a una web, en este caso, la opción es la segunda la de ”desde web”. Escribe la dirección de la página de la imagen y listo!
5º Paso: En cuanto subas la imagen la visualizarás, si clicas la casilla de ‘reducir hasta ajustar’, automáticamente la imagen se ajustará al tamaño marcado, es decir, a 250px. Le damos a guardar, previsualizas la página y tachaaaaaan!!! ya tienes tu imagen enlazada!!
Muy bien, pues ya tienes los pasos para poner botones en Blogger, ahora vamos a hacer lo mismo, pero en WordPress. Toma nota!!
2. INTEGRAR BOTONES SOCIAL MEDIA EN WORDPRESS
Paso1: Desde nuestro escritorio de wordpress, nos vamos a Apariencia –> Widgets y seleccionamos el widget de Imagen. Depende de la versión que tengas, podrás arrastrarlo directamente a la barra lateral deseada o por el contrario, deberás especificarlo desde las opciones del widget. tranqui que esto último esta en el paso5!
Paso 2: Tal y como te indico en esta foto, puedes añadir un título a la imagen, puedes seleccionar el tipo de alineamiento de la imagen y puedes ponerle las medidas que quieras.
Paso 3: Para poder rellenar la casilla de Image URL debes subir la imagen desde otro lado. Así que clica sobre Multimedia y ábrelo en una nueva ventana. En Añadir Nuevo selecciona entonces la imagen que quieres subir a través de ‘elegir archivos’ y ve al paso 4… :))
Paso 4: Una vez subida la imagen, dale a Editar, verás que te aparece esta pantalla, copia el texto de File URL
Paso 5: Volvemos a la otra ventana que tenemos abierta y desde donde estamos configurando el widget y en Image URL pegamos el texto que acabamos de copiar. Volià, nuestro widget editado. Eso si, tal y como te decía en el paso 1, depende de la versión de tu tema de wordpress, deberás decirle donde quiere ir. Ves que abajo te pone Barra Lateral… pues ahí es donde debes asignarle su lugar!!
Como ves, es un proceso sencillo una vez ya sabes como hacerlo, es decir, ahora que te hemos enseñado como hacerlo… te va a resultar la mar de fácil!!
Y aquí tienes el pack de iconos descargables que te decía al principio del post, porque los botones pueden ser de cualquier cosa, puedes poner cualquier imagen enlazada a cualquier página, Así que aprovecha y pon ya mismo los botones de tus redes sociales a tu blog!!
Y antes de terminar…. algo más. Esta es la primera parte de ”como integrar botones en tu blog” en la segunda parte te explico cómo enlazar etiquetas a estos botones!
Un graaaan besote!
Elia
Otros posts relacionados...
Cómo crear un Catálogo Virtual para tu web o blog. (Con ebook descargable)
HTML: cómo alinear botones de redes sociales en el blog.
Cómo crear una galería de proyectos/productos para tu Blog
MINI GUÍA legal para casarse y no morir en el intento
Mailchimp, tus primeros pasos de e‐mail marketing
Cómo personalizar tu firma de mail (tutorial)
La verdad es que las cosas son sencillas, pero hay que saber hacerlas. Siempre dando buenos consejos y explicaciones.
Gracias.
Cristina – Alrededor de una taza de té
Muchas gracias, en estos dias estoy rediseñando un blog personal (Historias Mínimas) y estoy diseñando otro para mis hobbies que de momento no tiene nombre…. QUE BIEN QUE ME VIENE TODO ESTO!!!!!!!!!!!! Gracias ELIA!!!!!!!!!!!!
Un millón de gracias Elia, estoy diseñando mi blog de manualidades, reciclaje y DIY http://byuchiloki.blogspot.com.es/ y que espero algún día pase de hobby a trabajo, y me ha resultado utílisimo tu post. Gracias por compartir los botones para redes sociales es justo lo que estaba buscando, igual que cuando me empecé a plantear vender mis manualidades y convertir este hobby en trabajo y me llegó como caído del cielo este blog que desconocía y que anima a emprender ¡¡¡parece que me lees la mente!!!
Espero ansiosa el siguiente post. Me tenéis enganchada ^_^.
¡Un post muy útil Elia! Muchas gracias! ;)
Feliz día!
Ohhhh!!! parece ser que llego tarde para apuntarme al taller de wordpress!!!
Acabo de migrar el mío desde blogger, porque me encanta la imagen de wordpress, pero voy a morir en el intento.. no puede ser!!!!!!!!
Jajajajja, nunca es tarde para aprender! puedes apuntarte al taller de wordpress en cualquier momento, así aprenderás a sacarle el máximo provechoa tu recién estrenado-migrado blog… :))
Un abrazo,
Elia
Tu sùper como siempre con tus informaciones y ayuda, Gracias!!!
Muchas gracias!! Super util pero estoy tratando de hacerlo en blogger y no me deja poner varios iconos, uno al lado del otro… solo me deja uno solo y no se como hacer para que me salgan todos juntos y en la misma fila…. ahhhh!!!
eso lo explicaré en la segunda parte de este post. Como poner los botones alineados y como enlazar etiquetas a los botones! :))
Paciencia… jejeje
Ahhhh, ese es el paso que estaba yo buscando, lo de ponerlo en la misma línea!:) Esperaré paciente!jeje…Un abrazo y gracias!!
Enviado desde mi iPhone
El 18/03/2013, a las 22:31, SuperYuppies escribió:
> >
Muchísimas gracias, Elia
Je je , parece que nos lees la mente, el lunes hice un par de botones para mi blog, acordes con la imagen del mismo.
Que bien van estos posts, para una que es totalmente autodidacta en estos temas y se pasó horas indagando y probando cuando empecé el blog , haber tenido a mano recursos como éste ….
Muchas gracias Elia por los botones! Eres una crack!
Fantástico post, cada día aprendemos más y más gracias al blog !!!
un besoteeeee
Es que encima lo explicáis tan bien!!!!
Muchísimas gracias
Reblogged this on CODIGONANDO: Diseñando con Código.
Lo he conseguido en blog!!! ahora voy a por la pagina web a ver si no me la cargo, jajajaa
Un besin, buen trabajo!
Genial!
Hacía días que tenia pendiente añadir el enlace del mini club en mi blog y no sabía como! ;)
Ya estáis enlazados http://www.fetambcor.blogspot.com
Gracias!
Gràcies a tu! :))
Una abraçada,
Èlia
se me saltan las lagrimas de felicidad! que alegría recibir estas ayuditas en los primeros pasos, me estoy volviendo loca! voy a empezar con los deberes… =) muchísimas GRACIAAAS!!!
Hola:
Gracias por este post tan bueno , si os hubiese descuvierto antes………. no me hubiese gastado una pasta para montar el blog encima aunme faltan un montón de cosas en el.
Pero muchísimas gracias por lo que aportais para que aprendamos ,gracias.
AHHH !!! soy de Bilbao y voy a ir a DIY Show me gustaría conocerte.
lasideasdeyoli.blogspot.com
Bueno, dicen que más vale tarde que nunca no? :))
Genial si vas al DIY Show, en facebook tenemos un evento creado, por siq uieres poner tus datos o algo por ahí!!
Un besote
Gracias lo haré.
MIL GRACIAS SY! Estamos felices como una perdiz de seguirte y enganchadísimas a todos tus posts! Así da gusto emprender y no perdidos por la red, como nos encontrábamos antes de conocerte!
De lo fácil que lo explicas hasta me da vergüenza no haberlo hecho antes…si es que he puesto otros tipos de botones, no me imaginaba que los iconos sociales era igual.
Muchas gracias corazón!
xoxo
Ohhhh gracias!!! Llevada dias peleándome con los gadgets !!!!
Hola llevo varias semanas buceando en vuestro blog y cada vez alucino (y aprendo) más. Muchas felicidades por vuestro trabajo es ESPECTACULAR. Duda que tengo ya hay algún post que lo explica a la perfección con lenguaje claro…(estoy harta de leer post de informáticos que no entiendo ni papa porque hablan otro idioma) menos mal que alguien habla como yo uff.
Bueno lo dicho muchas gracias por vuestra dedicación…el lunes me apunto al curso de wordpress y cuando termine al de SEO.
Gracias gracias y mil gracias.
Feliz de leerte Ana!!
Y es que esa es precisamente uno de nuestros principios, el escribir en humano, en hacer lo ininteligible algo comprensible y entendible. Entiendo perfectamente lo que dices de lenguajes rarotes y argots complejos. Por esa misma razón me decidí a escribir este blog, para traducir toda esa jerga burocrática e informática que nos complica tanto y tanto la vida.
Me alegra muy mucho tenerte como lectora de nuestro blog!
Un abrazote,
Elia
Ayyy….qué bien que he encontrado este post!!! ayer mismo intenté hacer esto pero sólo encontré cambiando el html e historias de esas, y tuve que volver a instalar de nuevo wordpress, porque toqué algo que no debía y se me fastidió :( … menos mal que lo acabo de empezar, sinome da algo!!!
Una preguntilla, yo sigo tus pasos, pero la opción de imagen no me aparece….puedo descargar ese widget desde algún sitio?? millones de gracias por estas ayudas que nos das a todas las que te leemos!! Graciasss gracias y gracias!!!
Muy buen post y súper útil! Gracias!!
Haces que todo parezca sencillo. ;)
No puedo abrir los iconos descargables… ;(
Mil gracias, explicas de forma muy clara todo el proceso, aunque es muy fácil, no logro colocarlos bien en mi blog, bueno algo estaré haciendo mal, un poco de ooommm y seguiré intentándolo.
Hola, buenas lo primero es que me encanta tu blog.
Lo segundo es que tengo dos preguntas.
1° Es posible poner botones en las paginas del mismo blog ?
2° es posible poner otro bloque de apartados en blogger ?
Mi url http://www.marsureste.blogspot.com
Gracias por adelantado
PD.: tienes un magnifico blog