blog - 30 jul. 2014

TUTORIALES PARA PERSONALIZAR TU BLOG

Hace unas semanas y con motivo de mi vuelta al blog y al canal de Youtube, cambié la estética del blog. Visto el éxito y lo mucho que os gustó el cambio quiero compartir con vosotras mis escasos conocimientos y mi experiencia.



No soy diseñadora gráfica ni entiendo de HTML, más bien todo lo contrario. Lo único que he hecho es buscar por foros, blogs, youtube y páginas dedicadas a a este tema, los distintos tutoriales para realizar el cambio. 


A continuación os dejo los enlaces de los distintos blogs que me han ayudado: 

http://creativemindly.blogspot.com.es
http://www.elperrodepapel.com
http://lascreacionesdebeaynatalia.blogspot.com
http://personalizaciondeblogs.blogspot.com.es
http://diy.2ndfunniestthing.com
http://babycatface.blogspot.com.es
http://www.srtapomelo.com
http://www.wacapaka.com
http://cositasbonitasparablogs.blogspot.com.es
http://clasicylove.blogspot.com.es
http://ciudadblogger.com
http://www.mamaquieroserblogger.com
http://www.39semanas.com
http://eldiarioderosie.blogspot.com.es

Todos estos blogs tienen infinidad de tutoriales, yo solo he usado algunos pero sería interesante que cotillearais por sus webs ya que puede que haya cosas que yo ponga que no os guste o que prefiráis hacer diferente. Aquí la cuestión es que nuestro blog sea un reflejo de nosotras.

Tened en cuenta que yo tengo la plantilla simple de blogger y la gran mayoría de tutoriales son referidos a esta plantilla. Otros sirven para cualquier plantilla incluso para wordpress, pero los menos. Los pasos que realicé uno por uno y los descargables para llevarlo a cabo:

1. ESCOGER EL FONDO

El fondo se cambia en Plantilla > Personalizar > Fondo. Escogemos el fondo deseado, subimos la imagen, escogemos las opciones alinear a la derecha y mosaico y finalmente damos a aplicar blog.
Hay miles de fondos gratuitos pero el mío esta sacado del cuaderno de los fondos de Creative Mindly AQUÍ

2. QUITAR LA SOMBRA QUE SALE ALREDEDOR DE LA COLUMNA DE LA PLANTILLA SIMPLE. AQUÍ.

3. QUITAR SOMBRA O RECUADRO EN LAS FOTOS DE BLOGGER. AQUÍ.

4. QUITAR "CON LA TECNOLOGIA BLOGGER". AQUÍ.

5. QUITAR "SUSCRIBIRSE A ENTRADAS ATOM". AQUÍ.

6. AÑADIR REBORDE ALREDEDOR DE LA COLUMNA BLOGGER. AQUÍ.

7. CENTRAR PESTAÑAS O PÁGINAS BLOGGER. AQUÍ.

8. PONER UNA LINEA AL MENÚ O PESTAÑAS DE BLOGGER. AQUÍ.

9. PONER LINEAS EN LOS TITULOS DE GADGET. AQUÍ.

Ésta fue la opción que yo escogí pero también podemos poner círculos en los títulos de gadget o Poner la primera letra del titulo de gadguet de otro color.

10. PONER BARRA SUPERIOR (Por encima de la cabecera) CON REDES SOCIALES. AQUÍ.

Estuve planteandome esta opción pero finalmente no la puse. También sirve para poner no solo las redes sociales. Creo que es una opción muy útil. 

11. CENTRAR LOS TITULOS DE LAS ENTRADAS. AQUÍ.

12. INSERTAR ICONOS SOCIALES EN TU BLOG Y ALOJAR IMAGENES PARA OBTENER SU URL (Importante para otros tutoriales). AQUÍ.

13. DESCARGABLES DE ICONOS SOCIALES. AQUÍ.

Hay infinidad de ellos pero el grupo de Bloggeras Motivadas nos ofrece una amplia selección para elegir la que mas se ajuste a nuestro diseño. 

14. DESCARGABLES Y TUTORIAL BOTONES Y BANNER SE SUSCRIPCIÓN. AQUÍ.

En mi caso en vez de ponerlo al final de las entradas lo puse en la barra lateral añadiendo el gadget de HTML y copiando el código en él. 

15. BUSCADORES PERSONALIZADOS. AQUÍ Y AQUÍ.

16. PERSONALIZAR LEER MÁS. AQUÍ Y AQUÍ.


El segundo de los enlaces es para poner una foto, recordad que previamente tenemos que alojar la foto y conseguir su URL como se indica en el punto 12.

17. DESCARGABLE BOTONES LEER MÁS. AQUÍ.

18. PONER OTROS BOTONES PARA COMPARTIR TU BLOG. AQUÍ.

19. CREAR E INSERTAR UNA FIRMA A TUS POST. AQUÍ.

20. PONER BARRA SEPARADORA DE POST. AQUÍ.

21. DESCARGABLES SEPARADORES DE BLOG. AQUÍ.


Hay mil millones de ellos en la red, muchos de los blogs de los que saco tutoriales tienen separadores, solo os dejo un ejemplo, vosotras escoged de la red el que mas os guste y recordar que debemos alojar la imagen y obtener su URL como en el paso 12.

22. PONER UN FORMULARIO DE CONTACTO EN TU BLOG. AQUÍ.

23. PONER EL BOTON SUBIR ARRIBA. AQUÍ Y AQUÍ.

24. DESCARGBLES BOTON SUBIR ARRIBA. AQUÍ.

25. HACER LA CABECERA. 

Este es un tema muy personal, realmente la cabecera se puede diseñar con cualquier programa de diseño tipo photoshop, photoscape, picmonkey..... esto es mas al gusto y preferencia del consumidor. 

Yo no seguí un solo tutorial sino que use varios y la realicé con PowerPoint, Photoshop y Picmonkey en ese orden. 

Como base use el tutorial de Mama quiero ser blogger AQUÍ. Como no soy diseñadora y no tengo tiempo de dibujar y escanear el dibujo para después usarlo yo seguí ESTE tutorial para obtener una imagen bonita. 

Lo que yo hice fue crearme una base transparente en Picmonkey, buscar una imagen y aislarla con PowerPoint o Photoshop, insertar la imagen en mi base transparente de las medidas de mi blog, guardarla y abril en PicMonkey y decorarla al gusto. 

Para las que useis Photoscape os interesa ESTE post.

OTROS TUTORIALES y DESCARGABLES INTERESANTES

26. COMO PONER EL CONTADOR DE SEGUIDORES DE FEEDBURNER Y BLOGLOVING EN EL BLOG. AQUÍ.

27. CREAR UNA TIENDA ONLINE EN BLOGGER. AQUÍ.

28. INSERTAR EN PICMONKEY SERIGRAFIAS. AQUÍ.

29. ENCICLOPEDIA DE LAS SERIGRAFIAS. AQUÍ.

30. GUIA DE DISEÑO PICMONKEY. AQUÍ.

31. CREAR GIF O IMAGENES EN MOVIMIENTO. AQUÍ.

32. BOTONES PIN IN. AQUÍ.

33. BOTONES DE DESCARGA Y TUTORIAL DE COMO COLOCARLOS. AQUÍ Y AQUÍ.

34. ORGANIZADORES SEMANALES Y MENSUALES. AQUÍ Y AQUÍ.

35. ORGANIZADORES DE ESCRITORIO. AQUÍ.

36. CALENDARIOS. AQUÍ Y AQUÍ.

37. RECOPILATORIO DE WASHI TAPES DIGITALES. AQUÍ.

Vale, lo reconozco, el post es interminable y pesado, allá por el punto 18 me plantee seriamente dividir el post en dos o tres entregas pero si lo divido la intención de tener todos los enlaces recopilados se pierde.

Con intención de que sea más cómodo para vosotras podéis descargar un pdf con todos los pasos y enlaces que pongo en esta entrada. Así cada una lo puede descargar, tenerlo guardado e ir a su ritmo.



MUY IMPORTANTE: Haz siempre una copia de seguridad de tu plantilla HTML antes de comenzar y cada vez que realices una modificación. AQUÍ. De esta manera si nos equivocamos podremos volver. Como seguridad antes de guardar cualquier modificación de HTML aplica vista previa para comprobar que los cambios se han realizado correctamente.


Os invito a seguir a todas estas chicas maravillosas que de forma gratuita nos proporcionan tanto materia para tener un blog bonito. Recordad que en sus blogs podéis encontrar más tutoriales y descargables que no menciono aquí y que os pueden ser de utilidad. Deseo de todo corazón haber ayudado en la medida de mis conocimientos. 

Si te gusta éste post y crees que es útil: Por favor, compártelo. Gracias!

También te gustará

30 comentarios

  1. Un post para dejarlo en davoritos!!. Vaya currada...gracias y besos guapa!!.

    ResponderEliminar
    Respuestas
    1. Puedes descargarte un PDF con toda la info y es mas fácil!! espero que os ayude y pongáis vuestros blogs bonitos!!

      Eliminar
  2. Que bien me va venir,muchas gracias,besos

    ResponderEliminar
  3. Hola: gracias por tu visita a mi blog dedicado a las Barbies. La moda y la belleza son otras de mis pasiones. También me encantan todas las recomendaciones para mejorar el blog porque no tengo ni idea de nada de informática. Me gusta mucho tu estilo y tus consejos. Yo ya me hice seguidora de tu blog. Seguimos en contacto

    ResponderEliminar
    Respuestas
    1. Gracias preciosa!! espero que te sirvan los tutoriales para personalizar tu blog!! un beso

      Eliminar
  4. Un post muy bueno, me lo guardo que me va venir muy bien

    Un besín y muchas gracias

    ResponderEliminar
    Respuestas
    1. Me alegro que te sirva, no sabeis la ilusion que me hace ser de utilidad. Durante mucho tiempo me las vi y me las desee para personalizar mi blog y creo que esta guía puede ser de utilidad a chicas que estaban en mi misma situación. Besos

      Eliminar
  5. Madre de Dios!!! Esto tengo leerlo más despacio. Hay cosas q quiero aprender a hacer. Gracias por la info

    ResponderEliminar
    Respuestas
    1. De nada preciosa!! Y recuerda que siempre puedes descargarte esta guía pinchando sobre el botón de "LO QUIERO" estoy deseando ver los cambios que realizáis en vuestros blogs!! besos

      Eliminar
  6. El día que me ponga a trastear, me vengo a esta entrada fijo.
    Gracias, guapa!

    ResponderEliminar
    Respuestas
    1. Espero que te animes!! aunque tu blog esta muy bien!! besos

      Eliminar
  7. Hola muchas gracias por formar parte de mi blog Bienvenida a Mi Mundo. Tiene un blog realmente precioso y un buen contenido veo que pasare mucho rato por aqui.

    Besos de color

    ResponderEliminar
    Respuestas
    1. Gracias por tus palabras. Me alegra que te guste el blog, el sentimiento es mutuo. Besos

      Eliminar
  8. madre mia, este post esta genial, y me viene de perlas, tengo unos cambios pensados para mi blog, pero ahora por falta de tiempo no tengo mucho para buscar e informarme de como hacerlos, pero seguro que todo esto me viene muy bien para cuando pueda ponerme
    asi que muchisimas gracias de antemano
    un besote

    ResponderEliminar
    Respuestas
    1. De nada preciosa, puedes descargartelo e ir a tu ritmo, yo tardé mas tiempo porque tuve que recopilar información pero los tutoriales son bastante sencillos y se tarda en hacer una media de 15 a 30 min, estoy segura que pronto tendrás todos los cambios que quieres hacer listos. Estoy deseando verlos!

      Eliminar
  9. Yo soy creadora de paginas web y tengo que decir que te ha quedado muy bien!

    Un besito! ❤️
    www.mvesblog.com
    FACBOOK mvesblog

    ResponderEliminar
    Respuestas
    1. Muchisimas gracias, que una profesional diga eso me llena de ilusión!! Un beso!

      Eliminar
  10. Una entrada genial, con mucho contenido y super bien explicado. Quiero darle un cambio a mi blog, así que en breve me pondré manos a la obra, sobre todo con la cabecera, que no me gusta mucho, jejeje. Así que me va a venir genial tu recopilación y explicación de todas las cositas.
    Besossss.

    ResponderEliminar
  11. Muchas gracias por tus consejos, guapa. Es un post muy útil.

    Besos

    ResponderEliminar
    Respuestas
    1. Aqui estamos para ayudarnos unas a otras! espero que el post te sirva de ayuda!

      Eliminar
  12. Este me lo dejo en favoritos, a ver si me lo puedo descargar para tenerlo a mano para cuando tenga tiempo enredarme con ello
    Un besote

    ResponderEliminar
  13. No tengo blog pero agradezco tus consejos
    Besos!

    ResponderEliminar
    Respuestas
    1. Bueno wapa si algún día te animas a pasarte al mundo blogger ya tienes una guía para empezar!! besos

      Eliminar
  14. Me guardo la entrada en favoritos porque seguro que le voy a dar bastante uso! Gracias por compartirlo! saludos!

    ResponderEliminar
    Respuestas
    1. Me alegra que te sea y utilidad y recuerda que puedes descargarte la guía pinchando en el botón de "lo quiero" un beso

      Eliminar
  15. Muchísimas gracias por la información Mevyko. Va directa a mi Evernote. Estoy pensando en crear un blog con blogger y seguro que me viene genial... Eso sí hay tanta información que tendré que digerirla poco a poco. En cualquier caso MUCHÍSIMAS GRACIAS DE NUEVO POR EL ESFUERZO QUE HAS HECHO AL REUNIR ESTE TESORO. Estaba buscando información para personalizar blogger y tu entrada es lo más completo que he encontrado.

    ResponderEliminar
  16. Me he quedado muchísimas gracias por todos los pasos que das hace mucho tiempo que quería cambiar mi blog y no encontraba nada que explicara tan bien como hacerlo ya que yo no soy una experta ni mucho menos voy a poner en práctica muchas de las cosas que has puesto aquí me encanta espero que los resultados en mi blog sean tan buenos como los que salen por aquí

    ResponderEliminar
  17. Me he quedado muchísimas gracias por todos los pasos que das hace mucho tiempo que quería cambiar mi blog y no encontraba nada que explicara tan bien como hacerlo ya que yo no soy una experta ni mucho menos voy a poner en práctica muchas de las cosas que has puesto aquí me encanta espero que los resultados en mi blog sean tan buenos como los que salen por aquí

    ResponderEliminar

Suscríbete a la Newsletter

Recibe mis publicaciones en tu email y no te pierdas nada.