jueves, 9 de marzo de 2017

Primer tutorial del blog + regalito

¡Hola! Espero estén todos muy bien, el día de hoy les traigo el primer tutorial del blog y ya se que esto no tiene que ver los libros, por lo que debería entrar dentro de la sección de "Off topic" pero tenía tiempo queriendo subir tutoriales, porque me sirven para practicar distintas funciones y opciones de blogger así como para enseñarles a ustedes y resolver las dudas de los nuevos blogs que a veces tienen dificultad para ubicarse en ciertas cosas. Confieso que yo, a pesar de tener muchos años ya en blogger hay miles de cosas que no se hacer y para ello quiero hacer los tutoriales, para aprender yo, enseñarles a ustedes mi progreso y compartirlo con personas que quizá tengan mis mismas dudas. 

¡Sigue leyendo para enterarte de que va el tutorial!

¡Gracias si estas por aquí! Me alegra que quieras ver de que trata mi post, quiero hacer de este un espacio en el que ademas de hacer y compartir lo que me gusta pueda ayudar y ser ayudada por ustedes así que espero que vean el final del post y me ayuden con una duda que no me deja en paz. 

Comencemos

El día de hoy les traigo un tutorial sencillito pero que me ha servido mucho y seguro que a muchos les ha sacado del fastidio de tener que subir y subir en la página del blog cuando quieren volver al post o a alguna cosa que vieron mas arriba que les llamó la atención. 

¿Ya saben de que va? 

Sii hoy te traigo el tutorial para que pongas tu propio boton de "subir" y te ahorres el fastidio de darle un montón de veces al scroll del mouse. Un solo click y esta listo. 

Te pongo los pasos uno por uno para que no te pierdas y lo hagas todo de manera segura y sin angustias - que te lo digo yo que si no me salen las cosas bien a veces me da el ataque y ya siento que no sirvo para nada con esto del diseño de blogger - vamos a hacerlo:

1- Entramos a blogger, específicamente a la pestaña que sale en la barra lateral izquierda que dice "Diseño" 

2- Le das click a dónde te dice (del lado derecho) "añadir un gadget" específicamente añadiras el que dice "HTML"

3- En ese espacio pondrás un título, el que tu quieras, puede ser un puntito (.) o algo que no se note para que tu sepas que se trata del botón de subir por si lo quieres modificar luego pero que no vaya a confundir a tus seguidores con otra cosa (yo elijo que si un punto o una coma, como dije, algo sencillo pero que tu puedas identificar) 

Ahora vamos a la parte engorriosa / fastidiosa / que cuesta entender 

4- Debajo del título del gadget HTML vamos a copiar el siguiente link que se va a referir a la imagen que escogeremos como "botón de subir" más el código correspondiente para que cumpla su función No te preocupes, yo te facilito el link, te explico dónde estará la imagen y más adelante te regalo varios links con imágenes que yo hice para que solo copies y pegues y no tengas que estresarte con este asunto, créeme yo tampoco lo entiendo mucho pero ahí vamos, aprendiendo poco a poco. 

*Aclaratoria* Si ya tienes establecida una imagen que quieras colocar de botón, copias el link y sustituyes las letras en rojo con el link de tu imagen y listo, de lo contrario estos son algunos ejemplos que puedes colocar, si te gusta alguno, te lo regalo, tómalo para tu blog: 

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="URL de la imagen" /></a> 

Ejemplos de botón de subir (Solo copias y pegas y ya lo tendrás listo) 
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="<a href="http://es.tinypic.com?ref=sc51mp" target="_blank"><img src="http://i63.tinypic.com/sc51mp.jpg" border="0" alt="Image and video hosting by TinyPic"></a>" /></a>
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="<a href="http://es.tinypic.com?ref=upyjs" target="_blank"><img src="http://i67.tinypic.com/upyjs.png" border="0" alt="Image and video hosting by TinyPic"></a>" /></a> 
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="<a href="http://es.tinypic.com?ref=2lm19q9" target="_blank"><img src="http://i68.tinypic.com/2lm19q9.png" border="0" alt="Image and video hosting by TinyPic"></a>" /></a> 
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="<a href="http://es.tinypic.com?ref=2i957k9" target="_blank"><img src="http://i68.tinypic.com/2i957k9.png" border="0" alt="Image and video hosting by TinyPic"></a>" /></a> 
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="<a href="http://es.tinypic.com?ref=2l9qdso" target="_blank"><img src="http://i67.tinypic.com/2l9qdso.png" border="0" alt="Image and video hosting by TinyPic"></a>" /></a> 

5- Le das al botón de guardar, y, te recomiendo antes de guardar cambios definitivo, darle al botoncito de "Ver vista previa" para que puedas ver como quedaría o si hubo algún error de modo que lo puedas modificar o simplemente verifiques si el botón que escogiste le quedó bien a tu blog o si por el contrario quieres otro. 

6- Ahora si, dale a guardar cambios y listo. Ve a "Ver blog" para que puedas comprobar la funcionalidad de tu bontoncito. 
Si te pareció útil este tutorial y quieres más botoncitos, escribeme en la cajita de comentarios si te interesa que suba un Pack de botones para subir me pasé un buen rato diseñando algunos, y si te gustan, estaría encantada de subirlos por aquí para que los puedas utilizar. Mientras tanto te pongo un vistazo de los otros botoncitos que tengo para que me digas si te interesa o no el pack: 
¡Gracias a todos los que vieron el tutorial! Estoy abierta a sugerencias, comentarios y a que me digan si les gustaría que hiciera más cositas como estas. Por cierto mi duda es la siguiente: 
¿Alguien sabe como enlazar un post a una de las pestañas? Puesto que lo he intentado con las etiquetas, pero por alguna razón no me funciona, así que si me dicen que puedo hacer para solucionarlo estaría muuuy feliz. Gracias a todos y espero este post les haya sido de utilidad. 

27 comentarios:

  1. Muchas gracias, voy a usarlo ahora mismo :3

    ResponderEliminar
    Respuestas
    1. ¡Hola! En breve me paso por tu blog para ver como te fue ¡Besitos!

      Eliminar
  2. ¡Hola!
    Me parece una buena iniciativa, la de hacer el apartado de tutorial para blogger
    Te leeré!
    Un abrazo

    ResponderEliminar
    Respuestas
    1. ¡Hola! Que bueno que te guste, así aprendo yo y quien sabe, quizás otras personas tengan mis mismas dudas ¡Saludos!

      Eliminar
  3. ¡Holaa! Muchas gracias por el tutorial :D siempre va bien conocer estas cosillas. ¡Besis!

    ResponderEliminar
    Respuestas
    1. ¡Hola! Gracias a ti por pasarte y comentar por aquí ¡Besitos!

      Eliminar
  4. ¡Hola!
    En mi blog de Wordpress ya venia instalado pero la verdad es que es super cómodo y me parece genial el tutorial, porque puedes ayudar a gente que no sepa hacerlo.

    Un besito :D

    ResponderEliminar
    Respuestas
    1. ¡Hola! Si, y me ayudo a mi misma porque como me cuestan estas cosillas, gracias por pasarte y comentar ¡Besitos!

      Eliminar
  5. Gracias preciosa una idea genial. Yo lo tengo hecho pero con eso ayudas a mucha gente 😘

    ResponderEliminar
    Respuestas
    1. ¡Hola Ali! Espero que si, gracias por pasarte y comentar ¡Saluditos!

      Eliminar
  6. ¡Buen tutorial! los había visto anteriormente pero nunca los he puesto ya que cuando lleno el blog de gadgets y complementos me va muy lento y me cuesta trabajo manejarlo. Un beso

    ResponderEliminar
  7. ¡Hola!
    Enhorabuena. Es muy buen tutorial y me ha gustado mucho. ¡La idea es original!ç¡Un beso!

    ResponderEliminar
    Respuestas
    1. ¡Hola! Que bueno que te gustara, gracias por comentar ¡Besos!

      Eliminar
  8. ¡Hola!
    Me gusto mucho el tutorial, lo voy a poner en práctica :D
    Gracias por la info, un beso ^^

    ResponderEliminar
    Respuestas
    1. ¡Hola Anto! Gracias por pasarte y comentar ¡Saluditos!

      Eliminar
  9. Me ha encantado el tutorial. Es super útil y yo también lo voy a poner en práctica. Un beso.

    ResponderEliminar
    Respuestas
    1. ¡Hola Mónica! Que bueno, me alegra que te gustara, gracias a ti por pasar y comentar ¡Besos!

      Eliminar
  10. Me encanta a mi me ha servido mucho. Antes tenía estos botinsitos.
    Sigue así guapa

    ResponderEliminar
    Respuestas
    1. ¡Hola! Que bueno que te funcionara, gracias por comentar ¡Saluditos!

      Eliminar
  11. Me encantan estos tutoriales! auqnue este en particular no me sirve mucho porque mi blog es cortito! :)
    Soy nueva y ya te sigo!

    besitos!

    ResponderEliminar
    Respuestas
    1. ¡Hola! Que bueno que te gusten, y no pasa nada de igual manera gracias por pasarte, seguirme, y comentar en breve me paso por tu blog ¡Saluditos!

      Eliminar
  12. ¡Qué genial que traigas estas cositas! Para los que empiezan, sobre todo, el tema de html y demás puede parecer un poco intimidante al principio. Toda ayuda siempre es buena y estoy segura de que mucha gente te agradece que se lo pongas un poquito más fácil =)
    Besitos.

    ResponderEliminar
  13. ¡Hola cari!

    ¡Me has salvado la vida! JAJA. Hace tiempo que quería saber cómo se ponía esta cosa para subir jaja, lo veía en otros blogs y decía: Joo yo también quiero pero no se como ponerlo jo. Y hace unos días (hace 3) me dispuse a ponerlo jaja pero no encontraba como jaja (y se me olvido hasta ahora que me lo recordastes tú) gracias! Mañana cojo el ordenador y me pongo con ellos. Me ha gustado la flechita nº4. Seguiré atenta a tus tutoriales☺️. Gracias!

    ¡Muchos besitos!

    ResponderEliminar
  14. Hola, tu tutorial me ha caído del cielo, justo pensaba en qué a mi blog le hacía falta ese botoncito ¡GRACIAS!

    ResponderEliminar
  15. Hola guapa!
    Genial! pues siempre vienen fantástico estas clases de entradas, pues yo para poner el mío no veas todo lo que líe. Besotes

    ResponderEliminar
  16. Muchas gracias por la entrada!!!! Igual lo pongo en practica un día de estos!!!

    Besos

    ResponderEliminar

¡Hola! Te agradezco mucho por dejar tu opinión, es agradable saber lo que piensas sobre mi entrada.
Si no te respondo por aquí debe ser que estoy algo ocupada pero sin duda he visto tu comentario y si eres nuevo siguiéndome ten por seguro que me pasare por tu blog.
¡Feliz día!