DISEÑO DE BLOGS

¡Hola amig@s! Hoy os traemos unas herramientas que nos van a venir super bien, ya que nos ofrecen crear diseños muy visuales y divertidos, ideales para promocionar nuestra red social, blog, web, realizar tarjetas de visita y tarjetas para navidad, tarjetas personales para promocionarte profesionalmente, tarjetas de boda, cumpleaños, invitaciones etc. También ofrecen la opción de diseñar y crear fabulosos collage, crear cabeceras para tus redes sociales, editar tus fotos y descargarlas o compartirlas. Además, ofrecen gran variedad de plantillas, fondos, stickers, formas y fuentes. Todas tienen una interfaz sencilla y funcional, lo que nos permitirá crear nuestros diseños en un momento, de forma increíblemente fácil. ¡ Os van a encantar! １ Canva ２ Desygner ３ Fotojet ４ Adobe Spark

                       

¡Hola amig@s!En el tutorial de hoy vamos a ver como personalizar los titulos de los gadgets del blog(la barra lateral). Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla( Plantilla→Crear/Restablecer copia de seguridad ),después vamos a Plantilla → Personalizar → Avanzado →Añadir CSS , y pegamos el código que no interesa para modificar na parte u otra de los gadgets: .sidebar h2 {   ➜ Los gadgets que vamos a personalizar font-family: Delius;   ➜ Tipo de fuente(letras) de los títulos de los gadgets font-size: 18px;  ➜ Tamaño de fuente de título de los gadgets color: #1e90ff;  ➜ Color de la fuente(letras) text-align: center;   ➜ Alineación de los Títulos(en este caso centrados*) } *Opciones para alinear: center  ↦centrado right  ↦ derecha left ↦ izquierda

¡Hola, amig@s! aquí tenéis unos diseños para cabecera de  vuestro blog, para guardarlos solo tenéis que dar al clic derecho "guardar como",añadir vuestro nombre en algún editor como Pickmoney,guardarlo en el PC y subirlo al blog siguiendo estos sencillos pasos : ✔ Haz click en diseño ✔ Editar en el recuadro que pone (cabecera) ✔ Elimina la que tienes y sube la nueva cabecera ✔ Guarda los cambios y ¡¡listo!!

Es una forma de representación visual en la cual interviene una descripción, relato o proceso, de manera gráfica que puede o no interactuar con textos.  Tipos de infografías: ✔  El esquema gráfico.  ✔  La imagen esquemática.  ✔  El esquema textual.  ✔  El croquis.  ✔  El mapa conceptual. 

Hola amig@s!Hoy os traemos un tutorial para que creéis vuestras tablas de texto en las entradas de blogger,así que vamos por pasos:  Cuando escribáis vuestro post y queráis insertar una tabla, tenéis que ir a la pestaña de arriba a la izquierda donde dice HTML , y pegar el código de la tabla que más os interese: TABLA DE 3 COLUMNAS <table style="font-family: quicksand ; font-size: 12 px; letter-spacing: 2 px; margin: 10px auto; text-align: center; text-transform: uppercase ; width: 100%; cellpadding="20" cellspacing="10""><tbody> <tr> <td style="border: 1px solid #000000 ; padding: 5px; width: 200 px;"> texto </td> <td style="border: 1px solid #000000 ; padding: 5px; width: 200 px;"> texto </td> <td style="border: 1px solid #000000 ; padding: 5px; width: 200 px;"> texto </td> </tr> </tbody></table> TABLA DE 4 COLUMNAS &l

Hoy os proponemos un sencillo tutorial: Cómo e nmarcar el Blog ,este sencillo truco que hará que vuestro blog quede muy bonito. Lo primero que que tenéis que hacer es lo de siempre,una copia de seguridad de la plantilla(Plantilla→Crear/Restablecer copia de seguridad),después vamos a Plantilla → Personalizar → Avanzado →Añadir CSS , y pegamos el código siguiente: .content-inner { border: 3px solid #000000 ; border-radius: 25px ;  } EXPLICACIÓN DEL CÓDIGO → Lo que esta marcado en azúl seria el grosor de la linea,podéis poner el que queráis. → Lo que esta en naranja es el   estilo del borde,hay muchos tipos de bordes,aquí algunos ejemplos: → Lo que esta en negro es el color de la línea,podéis cambiarlo por el color que más os combine en el blog. → Lo que esta en verde es para redondear las esquinas,si no lo queréis las esquinas redondas sólo tenéis que borrar esta linea.

¡Hola amig@s!En el tutorial de hoy vamos a realizar algo tan sencillo como esencial: Centrar los títulos principales del Blog. Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla( Plantilla→Crear/Restablecer copia de seguridad ),después vamos a Plantilla → Personalizar → Avanzado  → Añadir CSS , y pegamos los códigos que nos interesen según la parte del Blog que vayamos a centrar: CÓDIGO PARA CENTRAR EL TITULO DE LA CABECERA .header h1 { text-align: center; } CÓDIGO PARA CENTRAR LA IMAGEN DE LA CABECERA #header-inner img { margin: 0 auto} CÓDIGO PARA CENTRAR EL TITULO DE LOS GADGETS (COLUNMA LATERAL) .sidebar h2 { text-align:center;  } CÓDIGO PARA CENTRAR EL TITULO DE LAS ENTRADAS h3.post-title{ text-align: center; } *Estos son los valores que podemos utilizar en nuestro Blog: VALORES PARA ALINEAR TEXTOS right :para alinear el texto a la derecha. left : para alinear el texto a la izquierda.

¡Hola amig@s!Hoy os traemos un tutorial para que personalicéis vuestros títulos de las entradas,asi que vamos por pasos: Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla( Plantilla→Crear/Restablecer copia de seguridad ) por si las moscas,después  vamos a Plantilla → Personalizar → Avanzado  →  Añadir CSS , y pegamos el siguiente código: h3.post-title{ color: #000000 ; font-family: ‘ Amatic SC ’; border-bottom:  2px solid  #ff69b4 ; font-size: 20px ; text-align: center ; } EXPLICACIÓN DEL CÓDIGO 1.Lo que esta en rojo seria el color del texto,podéis poner el que queráis,os recomendamos esta página donde encontrareis los códigos:   http://www.colorhexa.com/ 2.Lo que esta en rosa seria la fuente (letra) del texto,también podéis poner la que mas os guste una vez la tengáis instalada en vuestro blog desde google fonts siguiendo este tutorial anterior: Cómo personaliza las fuentes de nuestro blog con Google Fonts 3.Lo qu

¡Hola amig@s!En el tutorial de hoy vamos ha hablar sobre como cambiar las fuentes de nuestro blog,usando la pagina Web de Google Fonts ,para darle un aspecto personal y más bonito a nuestro blog. Google Fonts dispone de un montón de fuentes gratuitas para tu blog,más de 800,así que empecemos: 1.Entramos en la pagina de Google Fonts y elegim la tipografía que más nos guste, y entonces hacemos click sobre el botón rosa  ,situado arriba de cada letra. 2. Después le damos a un cartel que aparecerá debajo de página que dice "Family select":  Y se nos desplegara la siguiente ventana: Y  de ahi copiaremos los dos códigos que están subrayados en gris claro en un blog de notas para después añadirlos a nuestro blog. 3.Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla (Plantilla→Crear/Restablecer copia de seguridad). 4.Entramos en → plantilla → Editar Html y buscamos (Pulsando Ctrl+F) : <head> y pegamos justo debajo

¡Hola, amig@s! aquí tenéis unos diseños de Iconos Redes Sociales para vuestro blog, para guardarlos solo tenéis que dar al clic derecho "guardar como",subirlo a vuestro sitio (Picassa, Dropbox etc) y seguir este Tutorial: Cómo añadir "Iconos de Redes Sociales" en el Blog.

Hola, amigos bloggers!Hoy os traemos un post sobre cómo quitar las sombras a las fotos de Blogger. 1.Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla.  (Plantilla→Crear/Restablecer copia de seguridad) 2.Entramos en → plantilla→Editar HTML y buscamos (Pulsando Ctrl+F) : .post-body img 3.Y nos aparecerá esto: .post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { padding: $(image.border.small.size); background: $(image.background.color); border: 1px solid $(image.border.color); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); 4.Ahora vamos a cambiar cada uno de los números en rojo por cero , así :   .post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { padding: $(image.border.small.size);

¡Hola, amigos bloggers!Hoy os traemos un post acerca de cómo personalizar vuestra fecha en los post. Es muy sencillo , sólo tenéis que utilizar las  siguientes instrucciones: 1.Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla: (Plantilla→Crear/Restablecer copia de seguridad)  2. Vamos a Diseño → Personalizar → Avanzado → Añadir CSS. 3.Ahí copiamos el código que nos interese de los dos que pongo a continuación: FECHA REDONDEADA /*fecha de los post*/ .date-header span { padding: 25px 3px 25px 3px; border-radius:100px; background-color: #pink ; } * Cambiamos el texto que está   EN ROSA  por el color que queramos para el fondo,nosotr@s os recomendamos los códigos de la página  COLORHEXA . FECHA CON IMAGEN /*fecha de los post*/ h2.date-header {   height: 40px;   line-height: 40px; background:url( URL de la imagen )no-repeat; height: 100px; float: left; } * Cambiamos donde pone" URL de la imagen " p