Mi experiencia con el html #1: Blogs de diseño


La semana pasada, hablando por Twitter con Jane, Paula, Juan y Clara sobre el html y el diseño web, me vino a la cabeza una idea para un nuevo tipo de post. Como todos sabemos, hacer cambios en la plantilla de nuestro blog no es para nada fácil, y más de una vez nos hemos dado cabezazos contra la pared porque el maldito html nos hace la vida imposible. Pero no hay que desesperarse, porque un buen tutorial siempre nos puede ayudar a hacer maravillas en nuestro blog. Y para eso estoy yo aquí: no todos los blogs de diseño tienen tutoriales 100% fiables, así que voy a dejaros mis cinco imprescindibles a la hora de buscar ayuda cuando quiero destripar al html. ¡Empecemos!


Este blog de diseño administrado por Blanca Balzola lo utilizo sobretodo cuando busco algún tutorial más “pequeño” o “sencillo” de realizar. En esta web he buscado ayuda para eliminar el “Suscribirse a entradas: atom”, crear un botón de afiliación, eliminar “Con la tecnología de Blogger”, entre otros. Muy útil para realizar pequeños cambios que, aunque no lo parezca, dejan el blog más limpio y agradable a la vista.



Cómo buscar tutoriales de Ciudad Blogger

Ciudad Blogger es un blog con un montonazo de tutoriales realmente muy útiles para optimizar nuestra web. El único problema de esta web es lo difícil que es encontrar ese tutorial que estás buscando. Sin embargo, buscando en blogger lo que necesitas y poniendo al lado “ciudad blogger” es muy probable que te aparezca un tutorial suyo. De esta web he utilizado el tutorial para añadir un botón para subir arriba que aparece y desaparece (es el gatito en la esquina inferior derecha), o el tutorial para enmarcar los posts y los gadgets por separado. Un blog muy útil y muy completo.



Mensaje cookies Blogger personalizado

Estos dos blogs los he puesto juntos porque los utilizo para lo mismo: personalizar gadgets como el menú u otros. Estos dos blogs no los he stalkeado completamente, sino que buscando tutoriales sobre algunas cosillas en google me topé con ellos y me gustaron tanto que ahora intento visitarlos asiduamente. De El Perro de Papel he utilizado el tutorial para personalizar el mensaje de las cookies de Blogger, y de Miss Lavanda, el tutorial para añadir un menú como el que tengo yo arriba del todo de este blog y otro para personalizar el footer, además de usarlos para descargar freebies y otras cosas monosas.




Este es la web más kawaii que voy a enseñaros hoy. Dejando de lado que la administradora tiene muchas faltas de ortografía, en general sus tutoriales son muy interesantes y muy variados, y a pesar de la redacción (XD) se entienden perfectamente. Este blog lo utilizo cuando quiero personalizar cosas como el post-footer o como los comentarios, además de buscar tutoriales como poner un gadget flotante (en este blog es el gadget de la playlist –el pequeño recuadro verde a la izquierda del blog–.). Este es un blog que es interesante inspeccionar a fondo porque tiene muchos tutoriales que nunca se te pueden llegar a pasar por la cabeza y que realmente pueden ayudar a dejar tu blog monoso y adorable.


Una web imprescindible para el diseño web es ColorHexa (entre otras), para obtener los códigos hexadecimales de los colores. Estos códigos son esenciales para poder cambiar el color de un gadget o de cualquier otro elemento de tu blog.

#000000 = este código es el del color negro
#ffffff = este código es el del color blanco.


Pincha para ver grande
Hoy cierro esta sección con estas webs. Antes de terminar, me gustaría aclarar que muchas veces es más importante saber cómo buscar un tutorial en google que conocer blogs de diseño. Saber buscar un tutorial no es fácil porque hay que tener bien claro lo que quieres hacer y conocer las partes de tu blog. Esto último es sencillo gracias a que en la parte de “Diseño” en blogger, cada parte viene con su nombre. Por ejemplo, una buena forma de buscar un tutorial es: “Personalizar/Editar footer blogger”. Solo te faltaría encontrar un tutorial que diera un resultado a tu gusto, y ale, ¡ya lo tienes!


¡Y esto es todo, amigos! Espero que os haya gustado la entrada y que os sea útil. Podéis dejarme en los comentarios alguna duda o cuestión, si me parece interesante es muy probable que haga una segunda parte de esta sección^^ 


¡Nos leemos!

14 comentarios:

  1. Muchas gracias por la recomendación de páginas, son son muy útiles a la hora de modificar el blog y el html. También te recomiendo esta página de tutoriales para blogs y webs: http://www.compartidisimo.com/. Saludos ^^

    ResponderEliminar
    Respuestas
    1. ¡Hola, Kuroneko!

      Gracias a ti por pasarte y dejar un comentario^^ Espero que te sirvan estas páginas :D

      ¡Me apunto la de compartidísimo!

      Besos <3

      Eliminar
  2. Jaja, coincidimos en todos los blogs xD Yo siempre uso esos blogs para mis diseños... o usaba xD Ahora de tanto practicar me se los tutoriales de memoria, casi todos.

    Beshus!!

    ResponderEliminar
    Respuestas
    1. Pues qué suerte tienes chica, ojalá no tuviera yo que usar los tutoriales XD

      Besos <3

      Eliminar
  3. Hola^^
    Que entrada más interesante. Algunas páginas no las conocía, así que gracias por compartirlas >.< A mi me desespera cuando encuentro el código para poner algo en el blog y luego resulta que no funciona... -.-

    Besos :3

    ResponderEliminar
    Respuestas
    1. ¡Hola guapa!

      Espero que estos blogs te sean útiles^^ Ayy sí, antes que conocía menos sobre html siempre me pasaba, era una tortura XD

      Besazo *3*

      Eliminar
  4. Alba <3
    No me puedo creer que al final hayas hecho una entrada, pero mira que eres buena gente. La voy a tener guardadita en favoritos para cuando tenga fuerzas para intentar alguno de mis toqueteos del html. Por cierto, el de Miss Lavanda lo he usado alguna vez con más o menos éxito jaja.
    Voy a inspeccionar el de enmarcar los gadgets aunque no sé si quedará bien con nuestra plantilla actual. A mí me gustaría poner un fondo más mono pero luego el texto de los gadgets no se ve bien, en fin...
    Muchas gracias por la entrada :D
    Besos ♥
    Jane

    ResponderEliminar
    Respuestas
    1. Jane <3

      Hombre, ¡cómo no la iba a hacer! Estas entradas siempre son la mar de útiles, no solo para los que las leen, sino también para los que las escriben. Ahora tengo un poco más organizado el tema de los blogs de diseño XD Espero que te sean útiles ;)

      Si al final intentas lo de enmarcar los gadgets, dímelo, que hay algunas cosas que hay que hacer y que no aparecen en el tutorial ;)

      Gracias a ti por pasarte <3

      Besazo *3*

      Eliminar
  5. Personalización de blogs lo sigo desde que empecé en blogger y siempre me ha ayudado con el diseño
    un beso

    ResponderEliminar
  6. Alba, eres toda una heroína compartiendo todo esto, mira que si yo hubiese sabido un poquito de html tal vez hubiera escogido blogger como plataforma para poder personalizarlo más, pero como soy una patata para todo lo que tenga que ver con códigos pues... XD
    Aún así me llevo todo lo que has puesto, que uno nunca sabe cuándo hará falta saber de estas cosa. Por cierto, el nuevo diseño te ha quedado de rechupete, y el gatito me mata de ternura ♡ eres una artista.
    ¡Un beso!

    ResponderEliminar
    Respuestas
    1. Mishusina <3

      JAJAJA, de heroína no tengo nada, héroes son los administradores de los blogs que he mencionado :3 Con un poco de práctica el html se acaba dominando, te lo digo por experiencia, que hace un año yo ni siquiera sabía cómo cambiar la cabecera XD Aún puedes cambiar de plataforma... ;)

      En Wordpress también se pueden hacer algunos cambios en la plantilla con el html, ¿no? Al menos hace un tiempo se podía XD Espero que esta entrada te sea útil^^

      Oooh, ¡me alegra mucho que te guste! La verdad es que estoy muy orgullosa con el resultado, creo que es el diseño más bonito que he hecho en mucho tiempo >///< El gatico es una monada :3

      ¡Un besazo! <3

      Eliminar
  7. Hola Alba!!

    Soy un desastre con el HTML... Me he llevado tardes y mañanas ENTERAS tratando de cambiar el diseño usando HTML y siempre he fracasado xD Aunque lo voy a intentar de nuevo usando las páginas que recomiendas, sólo conocía la primera... A ver si poco a poco logro aprender algo...

    ¡Muchas gracias por la entradaa! Me sirve de muchíiisima ayuda xD

    Besos<3

    ResponderEliminar
    Respuestas
    1. Hola María^^

      JAJAJAJA, todos estamos así al principio XD ¡Pero con un poco de práctica ya verás como le coges el tranquillo!

      Me alegra que te sea útil :D ¡Gracias a ti por pasarte!

      Besazo *3*

      Eliminar