【Índice】Tutoriales

¡Buenas! Saludos pequeños tentaculillos~

Bueno, esta entrada la he hecho porque muchas personas me han preguntado cosas como: "¿cómo se pone el menú horizontal que tienes bajo la cabezada?" o "¿cómo cambias el diseño de los comentarios?" y blabla... así que he decidido abrir este nuevo sitio donde poner tutoriales en plan índice.

Antes de nada decir que ningún tutorial es mío. Todos los gadgets que pongo, los pongo buscando por google como añadir tal cosa al blogger mediante html y viendo tutoriales de otros blogs; y de paso les hago crédito a sus blogs por sus tituriales que son geniales y sin ellos el mío no será tan guay como es y será más adelante.

Vale, antes que nada, voy a aclarar que para poner la gran mayoría de los gadgets que voy a añadir tendréis que modificar vuestra plantilla en HTML, pero no tengáis miedo que en realidad no es tan complicado como parec y los tutoriales se explican tan bien que incluso alguien que no tiene ni zorra de HTML sabe como poner las cosas.



A ver, para aquellos que no tienen ni puta idea de HTML, os doy unos consejos básicos:
× Para cambiar los colores (para que queden bien con vuestros blogs), tenéis que usar el código HTML de cada color, yo utilizo esta página Color HTML para elegir mis colores y demás.
× Para poner un gadget "complejo" (que implique modificar la plantilla), siempre recomiendo guardar la plantilla antes de modificarla en algun word o bloc de notas POR SI LAS MOSCAS. Ya que, cuando modificas la plantilla de blog y guardas, ya no puedes retroceder (aunque siempre puedes hacer los pasos que has hecho a la inversa y quitarlos, pero por si acaso, guardar siempre todo el codigo html de la plantilla en otro sitio...)
× Las nuevas fonts para Blogger las saco de Google Fonts.
× Todas las encuestas, documentos y excels los realizos con Google Drive.
× Poner gadgets que impliquen modificar la plantilla requieren de paciencia y de mucho probar, sobre todo si buscas cambiar colores o tamaños, que consiste en un cambia y prueba hasta que te queda como gusta.
× Todos los diseños del blog los he hecho yo con photoshop, pero la mayoría de las imágenes las saco de ZeroChan.

ÍNDICE DE TUTORIALES


P.D: Estos tutoriales son los gadgets que tengo YO en mi blog, por supuesto, hay mil tipos más de los mismos gadgets, podéis buscarlos por google :3

GADGETS HTML CON IMÁGENES QUE ENLAZAN A LINKS

El código html para poner una imagen que enlace a un link es el siguiente:
<a href="link de la página"> <img src="link de la imagen" /></a>
Se pueden modificar el tamaño de la imagen añadiendo width=" " (anchura) o height=" " (altura); entre las comillas poned el número de pixels, añadiendo el "px" después del número.
También puedes añadir un borde a la imagen poniendo border-style:tipo de borde. Existen muchos tipos de borde como: solid (normal de toda la vida); doted (con puntitos); dashed (con rayitas), etc. Puedes verlos aquí.
Todos estos añadidos se deberán poner antes del />


P.D: Esta entrada irá editandose a medida que vaya añadiendo nuevas cosas al blog. Cada vez que veáis un gadget nuevo que requiera de modificación html, podéis venir aquí a cotillear como se pone :3

Share

4 comentarios:

  1. Mmm me parece muy interesante. Ahora no tengo mucho tiempo pero luego voy a investigar que creo que mi blog anda un poco soso, a ver que es lo que mas me convence.
    ¡Muchas gracias por los tutoriales! Un besito!!

    ResponderEliminar
  2. Jjeje gracias por dejar los liks^^
    haber si paso
    saludos~

    ResponderEliminar
  3. Muchas gracias por nominarme guapa!! Muaksss

    ResponderEliminar

Recordad antes de comentar:
× No spam × No ofender × Respetar al resto de comentarios ×
¡Gracias por tu comentario!

El blog estará en mantenimiento hasta el año que viene.
¡Espero que tengáis paciencia!