• About Me
  • Contact
  • Personal
    • Random
    • Travel
    • TAGS
    • Giveaways
    • Let's Talk About
  • Design & Stationery
    • Planner Life
    • Hauls
    • Swatches
    • Reviews
    • Illustrations
    • Freebies
    • Wishlist
    • Inspo
    • Tutos
    • Tools & Resources
  • Blogging
    • Blog Tips
    • Blog Tutos
    • Blog Freebies
    • Inspo
  • Beauty & Fashion
    • Hauls
    • Swatches
    • Tags
    • Makeup
    • Outfits
    • Care & routines
    • Wishlist
    • DIY
    • Inspo
  • Reviews
    • Makeup
    • Lenses
    • Clothes
    • Jewelry
    • Skin
    • Hair
    • Stores
Instagram Facebook

noireloise test design


Hello there! El día de hoy les traigo un post de Blogging 101. ¿De que trata? Pues tratare de hacer una guía para que puedan ir cambiando poco a poco su blog. Hablaré desde los cimientos hasta cambiar códigos para que puedan ir moldeando poco a poco el diseño deseado.

El tema de hoy tal vez resulte medio aburrido para las personas que ya tienen algún tiempo en la plataforma de blogger, pero quien sabe, tal vez puedan aprender algo nuevo también.

Les explicaré sobre las secciones que utilizaremos comúnmente para cambiar el diseño de nuestro blog.

Sin más preámbulos, comenzamos primero con el Dashboard.

DASHBOARD


El Dashboard es la pagina principal de tu blog dentro de blogger. Nos muestra las opciones de Entradas, páginas, estadísticas, ingresos, etc, que se ubican en una columna del lado izquierdo de tu pantalla. Las dos secciones que más utilizaremos son Diseño y Plantilla.

DISEÑO


En la parte de Diseño es donde podemos ver y editar partes importantes del blog, así como su aspecto más que nada en acomodo:

⩥ Favicon: es el icono que se muestra la pestaña de tu navegador al ingresar a tu blog.
⩥ NavBar: la molesta barra de blogger que nadie quiere.
⩥ Cabecera: el encabezado de tu blog que puede ser simple texto o una imagen.
⩥ Entradas del blog: aquí podemos editar si mostramos y como mostramos fechas, autores, etiquetas, ubicación, etc.
⩥ Agregar un gadget: bueno, creo que está de más explicarlo.

PLANTILLA

Ahora pasemos al apartado de Plantilla (de lo más divertido una vez que te acostumbras)

En la parte de Plantilla vamos a estar manejando las dos secciones, tanto la de Personalizar como la de Editar HTML.




⩥ Personalizar: esta opción es como un editor html rápido y sobre todo sencillo si aun no estamos acostumbradas a moverle al código. Desde esta parte puedes personalizar fondos, tipografías, colores, tamaños, diseño (barras laterales e inferiores) etc. La parte que más utilizaremos de esta plantilla para ser sincera va a ser en Opciones avanzadas ⇾ Agregar CSS (Cascading Style Sheet) que nos va a ayudar a darle formato y diseño a nuestro blog.


⩥ Editar HTML: mi parte favorita, pero la más laboriosa de todas. En esta parte modificaremos directamente códigos para agregar o cambiar diseño, gadgets, dar o quitar formato. Cómo explicarlo... es como nuestro lienzo en blanco, solo que en lugar de trazos, diseñaremos por medio de código. Cuando les pida cambiar algo del html de la plantilla, procuraré explicar que significa cada cosa para que más adelante no solo copien y peguen código, si no que lo entiendan y modifiquen a su gusto.

Y bueno, por hoy esto es todo. Como les comentaba, solo información básica que estaré mencionando continuamente. Espero que les haya gustado y/o servido de algún modo.


Créditos de imágenes:
Foto de Portada - Photo via Visualhunt.com
Continue Reading
    Share |
Newer Posts
Older Posts

Flickr Images

Popular Posts

  • + BLOG FREEBIES + BLOG PLANNER 2017
  • + OUTFITS INSPO + TARTAN WINTER
  • + RANDOM + HOME WORKSPACE REDESIGN
  • + BLOG TUTOS + BACKUP YOUR BLOG
  • + LET'S TALK ABOUT + BRAS

Like us on Facebook

About me

About Me

Graphic Designer by profession,
frustrated illustrator as a hobby.
Blogger, planning, makeup & fashion enthusiast. Animal lover, skull collector, love tattoos, crosses, stationery addict, pastel goth, nu goth... goth and colored hair. Scorpio.

Contact: noir.eloise.sin@gmail.com


Follow Us

  • Facebook

Categories

  • -challenge
  • agenda-blogger
  • AllBloggers
  • beauty-DIY
  • beauty-haul
  • beauty-inspo
  • beauty-reviews
  • beauty-swatches
  • beauty-tags
  • beauty-wishlist
  • beautyandfashion
  • beautyandfashion-hair
  • blog-freebies
  • blog-inspo
  • blog-tips
  • blog-tutos
  • blog-update
  • blogging
  • Care-and-routines
  • clothes-wishlist
  • design
  • design-freebies
  • design-hauls
  • design-inspo
  • design-tools
  • design-tutos
  • design-wishlist
  • fantasy-makeup
  • favs
  • free-blog-icons
  • GerberBoys
  • giveaway
  • inspo-illustrators
  • inspo-outfits
  • korean-10-steps-skin-care
  • lets-talk-about
  • lta-beauty
  • makeup
  • MissMeoowShop
  • ny-resolutions
  • outfits
  • personal
  • planner stickers freebies
  • random
  • reviews-jewelry
  • reviews-lenses
  • reviews-makeup
  • reviews-nails
  • reviews-stores
  • skin-routine
  • stationery-haul
  • tags
  • Target-dollar-spot
  • travel
  • what-to-watch
  • workspace

recent posts

Sponsor

Facebook

Blog Archive

  • ►  2018 (8)
    • ►  April (2)
    • ►  March (2)
    • ►  February (1)
    • ►  January (3)
  • ►  2017 (4)
    • ►  December (1)
    • ►  January (3)
  • ►  2016 (34)
    • ►  November (3)
    • ►  October (4)
    • ►  September (1)
    • ►  August (1)
    • ►  July (3)
    • ►  June (1)
    • ►  May (2)
    • ►  April (4)
    • ►  March (4)
    • ►  February (5)
    • ►  January (6)
  • ▼  2015 (9)
    • ►  December (3)
    • ▼  November (1)
      • + BLOGGER TIPS + Knowing your Blog
    • ►  March (1)
    • ►  January (4)
  • ►  2014 (17)
    • ►  December (1)
    • ►  September (1)
    • ►  July (3)
    • ►  June (2)
    • ►  May (2)
    • ►  March (1)
    • ►  February (1)
    • ►  January (6)
  • ►  2013 (14)
    • ►  December (1)
    • ►  November (1)
    • ►  September (1)
    • ►  August (2)
    • ►  July (2)
    • ►  June (5)
    • ►  May (2)

Press

Popular Posts

  • + BLOG FREEBIES + BLOG PLANNER 2017
    Como cada año, no podía faltar la agenda blogueril que (según yo) las puede ayudar mucho en la organización y seguimiento de sus blogs y red...
  • + OUTFITS INSPO + TARTAN WINTER
    Si hay algo que nunca en la vida puedo dejar de relacionar es el estampado tartán (escocés) con el Invierno. Si bien no es exclusivo de esta...
  • + RANDOM + HOME WORKSPACE REDESIGN
    Uno de mis múltiples propósitos desde hace doscientos mil años es tener mi espacio de trabajo bonito y chulo como los que me la paso viendo ...
  • + BLOG TUTOS + BACKUP YOUR BLOG
    Hola lindas :) Bueno, como algunas ya sabrán blogger me la ha jugado de lo peor y me ha borrado mi blog D: así sin más. Después de ponerme e...
  • + LET'S TALK ABOUT + BRAS
    Alo alo :) ¿Cómo están? Espero que muy bien. El día de hoy les traigo un tema un poco vergonzoso para mí. Y digo vergonzoso no por la temáti...
  • KALLEN STARSHOUKEI
    Hola lindas, ya es viernes y les traigo una nueva sección del blog: I-Blogger (cortito de Inspirational-Blogger) y aqui les compartiré un po...
  • + TAG + SHOE COLLECTION
    ¡Hola hermosas! Tenía medio abandonado el blog (al menos así lo sentí :S) pero ya volvi *0*. Les traigo un Tag del grupo de Blogger's Mé...
  • ROCIO EUFEMIA - BE SURREAL
    Hola lindas, espero que estén de lo mejor :)  El día de hoy les traigo nuevamente la sección de I-Blogger. Ésta vez para presentarles el blo...
  • Random me... Una serie de eventos desafortunados, Cumpleaños, Intercambio
    Hoy no hay cabecera por que realmente no se que poner en la misma X'D.  ¿Cómo están? ¿Me extrañaban? yo si las extraño mucho, igual que ...
  • + TAG + THINGS YOU DIDN'T KNOW ABOUT ME
    Una vez más les traigo el Tag propuesto en Blogger's México . Este tag consiste en poner cosas que no sabes (al menos eso creo) de mí. 1...
Facebook Instagram Pinterest Bloglovin

Created with by ThemeXpose

THIS WORK BY NOIR SINS IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION-NONCOMMERCIAL-NODERIVATIVES 4.0 INTERNATIONAL LICENSE.