CÓMO CENTRAR LAS PESTAÑAS O PÁGINAS EN BLOGGER

Por defecto, salen alineadas a la izquierda. Pero con este tutorial vas a saber cómo centrarlo y te va a encantar. En mi blog puedes ver cómo ha quedado.

Tienes que :

• Ir al Diseñador de plantillas
• Avanzado
• Añadir CSS

.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}

Y copias esto en la cajita. Si ya tienes algún otro código justo donde acaba das 2 o 3 intros y pegas este código. Y tampoco olvides que para que surta efecto el cursor te tiene que quedar debajo de {

Aplicar al blog. 

¿Ves que fácil? 

Besos,

PINTEREST, QUÉ ES Y PARA QUÉ SIRVE

Pinterest es como un tablero gigante. Imagínate un tablero con chinchetas en el que cuelgas todos las fotos o artículos que encuentras y que te gustan o interesan, para siempre tenerlos localizados. Es más, imagínate que en el propio tablero tienes zonas distintas donde en cada una de ellas cuelgas las fotos o artículos de un tema determinado.

Pues es básicamente eso. Y no sólo artículos de blogs y páginas web, sino también simplemente imágenes que te gusten.

Para cada categoría o tema tienes que abrir un tablero, y en él puedes tener todos los pines que quieras.

Mira mis tableros:

Y si entro dentro de uno de mis tableros, ahí tengo todos mis pines.

Cuando pincho en el pin (encima de la propia foto que he pineado), me lleva a la URL donde está esa foto que he pineado (siempre se pinean fotos, aunque quieras pinear un artículo, no una imagen de algo, siempre tienes que hacerlo a través de la foto).

Es una herramienta muy potente para las blogueras, porque la gente repinea cosas de otras y es muy visual, así que por ejemplo si haces un trabajo de scrapbooking bonito y alguien (o tu misma*) lo pinea, luego irán de una persona a otra y de un tablón a otro, porque la gente ve lo que las personas que a las que sigue han repineado recientemente.

Yo tengo un tablero de mi blog y ahí voy pineando los artículos que considero más importantes.

Si quieres pinear algo pasas el ratón por encima de la imagen de un post y si te sale el sello de pinterest (una p blanca sobre un fondo rojo) le das y ya lo tienes. Aunque te aviso de que hay blogs y páginas web que no lo tienen, a pesar de lo utilísimo que es.


Nota importante: Eso sí, ten en cuenta, que aunque pinees una foto, Pinterest, guarda la url en la que estas, de modo que si lees un post en la página principal de un blog y pineas algo, luego cuando vayas a ese pin, aparecerás en la página principal de ese blog, y vete tú a saber dónde se habrá quedado ese post. Así que, si quieres pinear algo, entra en ese post en concreto.

Si te gustan los tableros de alguien y tal pos sigues a esa persona y ya en la bandeja de entrada en la que salen los pines nuevos te saldrán sus pines. Me encanta eso de poder seguir a gente que pinea cosas que me gustan.

Si te decides a usar pinterest un buen método sería poner el botón de pinterest en tu blog porque te aseguro que es muy útil.

Para buscar cosas que te gusten las pones en el propio buscador de pinterest y te salen.

Espero que te haya gustado este post. Besos,

CON WASHI-TAPE PUEDES HACER COSITAS MUY MONAS

Me encanta el washi-tape.

¿No sabes lo que es? Pues yo te lo voy a mostrar:

Y puedes hacer cositas como esto:

¿ A qué es guay?

Besos,

COMO PROGRAMAR UN POST PARA QUE SE PUBLIQUE SOLO

Es de lo más práctico. Ya verás:

• Pinchas en Entrada nueva como si fuéses a escribir cualquier post.
• Y en las opciones de la derecha, donde dice Configuración de las entradas, pinchas en Programar.

Entonces te saldrá esto:

                               

 

•  Y pinchas en Establecer fecha y hora
•  Te saldrá un calendario marcando el día de hoy, y pones el día que quieras que se publique y la hora
• Y cuando tienes ya la fecha y hora, pinchas en Finalizado.

•  Cuando termines, le das a Publicar como de costumbre, y verás entonces que en la lista de tus posts, se verá programado en naranja y cursiva.

Besos,

LA PSICOLOGÍA DEL COLOR

Si no sabes de que color debería ser tu blog, deberías ver un poco de psicología del color.

Espero que te sean útiles.

Besos,

COMO CAMBIAR EL COLOR QUE APARECE CUANDO ALGUIEN SELECCIONA ALGO EN NUESTRO BLOG

¿Has visto alguna vez un blog o web donde al seleccionar el texto, en lugar de salir en azul pitufo te sale de otro color?

Si quieres hacerlo:

• Vas a plantilla
• Editar HTML
• Buscas:  ]]></b:skin>
• Escribes justo encima este código pero cambiando lo que hay en rosa por los colores que quieras:

::-moz-selection  { 

Background: #7BD6B3; 

color: #5E5E5E; 

text-shadow: none;  

  

} 

::selection   { 

background: #7BD6B3; 

color: #5E5E5E; 

text-shadow: none;  

  

} 

El código 7BD6B3 es donde tienes que escribir el código hexadecimal del color que quieres que sustituya al azul pitufo. 

El código 5E5E5E5E es el que he puesto yo para que se vea el texto debajo del otro color. Si te fijas, normalmente se ve blanco.

Si te ha gustado el truco, puedes dejarme un comentario con el link a tu blog para poder verlo en acción.

Besos,

COMO SUBIR VIDEOS DE YOUTUBE A TU BLOG

Ya verás que es muy fácil así que te lo voy a explicar paso a paso:

• Pincha en el icono de cine que hay al lado del icono de insertar fotos.

 

• Desde youtube
• Escribes el vídeo que quieras, seleccionas y listo.

Tiene un tamaño de 320 x 266 pixels.

Tiemes 2 opciones.

Opción 1

• Vas a youtube y buscas el vídeo que quieres
• Le das a compartir
• Y después, a insertar.

• Después copias el código que sale

Puedes elegir el tamaño que quieras de entre los que te ofrece.
Luego lo pegas en la vista HTML del blog. Yo lo hago así.

Voy escribiendo mi entrada y justo donde voy a poner el video, cambio la vista a HTML. Bajo y lo pongo justo al final de todos los códigos que salen. Luego vuelvo a cambiar a la vista redactar y sigo escribiendo mi entrada.

Opción 2  (usando la opción de  la claqueta de cine)

• Vas a redactar en HTML y directamente borras el 320 de ancho (número entre comillas detrás de width) y pones la medida que quieras y luego haces lo mismo con el 266 de alto (número entre comillas detrás de height).

Si quieres centrar el video pones <center> al principio del código de Youtube y </center> al final del mismo.

También tienes otra manera de hacerlo.

Cuando le das a compartir y te salen los iconos de las redes sociales le das a Blogger y ya.

Besos,

CÓMO QUITAR "CON LA TECNOLOGÍA DE BLOGGER"

Me imagino que ya te habrás fijado en que Blogger tiene el gadget de attribution bloqueado, que quiere decir que no se puede eliminar.

Cuando entras en él te da la opción de escribir algo, pero siempre estará seguido con ese "con la tecnología de Blogger".

Blogger lo bloquea porque al ser un servicio gratuito tienen que hacer que se vea que ese blog es de blogger.

Te voy a explicar paso a paso cómo hacerlo:

• Plantilla
• Editar HTML
• Pulsas Ctrl y f y buscas:    Attribution
• En la línea en la que sale la palabra Attribution dos veces:
  Donde dice locked='true'
  Quitas true y pones false.
  Dejas todo lo demás igual. El false tiene que ir entre comas.
•  En la línea anterior:
  Donde dice al final showaddelement='no'
  Quitas el no y pones yes.
  Lo mismo, sólo esa palabra, todo lo demás igual.
• Guardar plantilla
• Cerrar

Ya está.

Ahora vas al gadget de attribution otra vez y te sale la opción de eliminar.

Si quieres poner el nombre de tu blog abajo como tengo yo, tendrías  que:

• Añadir gadget

• HTML
• Le escribes lo que quieras. Yo he puesto: 

Lovely and Crazy Blogs &copy; Cristina martinez

• Guardar

Si quieres centrarlo pon <center> al principio y </center> al final.

Besos,

CÓMO HACER COLLAGES DE PALABRAS CON FORMAS

No hay nada más útil que esto para dejar una entrada chula y personalizar tu blog. Con esto le das un toque personal y haces que tus fotos luzcan más en Pinterest, lo que significa más seguidores para ti.

Además, son bonitos y diferentes, y eso es lo que quieres en tu blog.

   

He encontrado una web muy sencilla y fácil de usar, pero por si acaso te lo explico un poquito.

• Lo primero que hacemos es ir a: Imagechef
• Lo personalizas con las opciones que tienes ahí. Son tan simples que no hace falta ni explicarlas.
• Para ponerlo en nuestro blog tienes que pinchar en: donde dice compartir, pinchas en ... y luego en blog/foro
• Copias el primer código que te sale.
• En tu blog cuando estés escribiendo la entrada pulsas en HTML.
• Justo debajo de lo último que hay escrito pegas el código que te ha dado.
• Por defecto, te sale alineada a la izquierda. Si quieres centrarla pones <center> al principio del código y </center> al final del mismo.
• Vuelves a la vista redactar y sigues escribiendo tu entrada.

Nota: o también puedes copiar el segundo código que te daba y dándole a insertar imagen pegas la url y ya está.

Y ya está, espero que lo utilices mucho.

Si lo haces, deja un link a tu blog para que todas podamos verlo.

Besos,

QUITAR LA VERIFICACIÓN DE PALABRAS EN LOS COMENTARIOS DE TU BLOG

Cuando creas un blog, Blogger por defecto te activa la verificación de palabras, por eso hay gente que no se entera que la tiene activada.

Esto es el código captcha (o código ilegible) que hay que introducir en algunos blogs antes de comentar.

En principio, si le das a Publicar, se debería publicar. Pero no.

Así que ahora te toca tratar de adivinar qué pone aquí y escribirlo. Si no lo tienes claro tendrías que dar a la flechita redondeada para que te genere otro código.

Yo te recomiendo quitarlo porque ¿en serio no has visto algo más molesto? Porque si soy yo, dejo el comentario y me largo.

La verificación de palabras es para evitar el Spam. Pero no pasa nada, Google ya tiene otras formas de prevenirlo. Y si ves alguno, pues lo borras.

Es mucho mejor tener que borrar un comentario a mano una vez al mes, que dejar pasar la oportunidad de que gente real a la que les gusta tu blog comente.

Para borrarlos:

•  En el listado de la izquierda dentro de la página de Blogger, pinchas en Comentarios (cuarta opción).

 

• Y luego, al pasar por encima de ellos te aparece la opción Suprimir.

Vamos a ver esas opciones:

• En el listado de la izquierda, vas a Configuración (última opción)
• Y dentro del sub-menú, a Entradas y comentarios (segunda opción)

1. Ubicación de los comentarios: A mí, me gustan debajo de la entrada ya que si eliges ventana emergente no puedes responder justo debajo del comentario.
2. ¿Quién puede realizar comentarios?: Cualquiera
3. Moderación de comentarios: Nunca
4. Mostrar la verificación de palabras (o código odioso): NOOOOOOOOO
5. Mostrar enlaces de retroceso: Ocultar
6. Mensaje del formulario de comentarios: Puedes poner lo que quieras.

Besos,

ENLACES PERMANENTES PERSONALIZADOS

En mi opinión, esta es una muy buena manera de mejorar el posicionamiento de tu blog. Indefinidamente de si eres más o menos fan del SEO (posicionamiento en buscadores).

Blogger crea automáticamente las urls de las páginas basándose en el título que le pones a tu entrada o post.

¡Pero los acorta!

Siempre es: http:// web / año / mes / url-que-le-da-blogger

Siempre los acorta, como por ejemplo, uno de mis posts:

http://lovelyandcraziblogs.blogspot.com/2015/5/como-quitar-suscribirse

Cuando en realidad es (porque lo cambié):

http://lovelyandcraziblogs.blogspot.com/2015/5/como-quitar-suscribirse-a-entradas-atom

Os cuento cómo personalizar vuestra URL paso a paso:

• Vas a Enlace permanente (bajo Configuración de las entradas)
• Eliges la opción Enlace permanente personalizado
• Escribes lo que quieras separado por guiones en el recuadro. (si no lo ves pulsas en el y en tu teclado pulsas la tecla que tiene una flechita a la derecha. Eso te llevará justo donde acaba la URL para seguir escribiendo)
• Pinchas en listo.

Es muy fácil de utilizar y de esta manera podrán encontrar tus posts más fácilmente en Google. Espero que lo uses mucho, ya verás que útil.

Si los cambias ahora, los enlaces que haya enlazado otra gente en otros blogs o páginas webs a esos posts, van a dejar de funcionar. Cada caso será diferente, porque unas tendrán más posts enlazados que otras.

Si los cambias, esos links dejarán de funcionar. Dirán que esa página no existe (o lo que tu quieras, porque este mensaje se puede personalizar).

Si tienes muchos posts, es mejor que no lo hagas y que empieces a usarlos a partir de ahora. Otra cosa es que lleves poco tiempo, entonces sí porque así estarán mejor posicionados en el futuro.

Si quieres saber como usar esta opción con un post ya publicado:

• Restablecer a borrador
• Enlace permanente... seguimos los pasos anteriores
• Y Publicar

Besos,

 

CÓMO SUGERIR HISTORIAS SIMILARES AL PIE DE CADA POST

Seguro que has visto en algunos blogs como, debajo de cada post, nos sugieren historias similares.

Es una forma estupenda de que los demás vean que contenido sueles publicar en el blog. Te estarás preguntando ¿cómo se instala?. Porque no es un gadget de blogger. Es un servicio de Linkwhitin y debes instalarlo desde su página.

• Vas a su página web
• Escribes tu dirección de email
• La dirección de tu blog
• Eliges other porque si pinchas en blogger da error.
• Eliges el número de posts sugeridos que quieres que aparezcan.
• Y pinchas en Get Widget
• Te generará un código que tienes que pegar en tu plantilla HTML. Para eso pulsa ctrl y f al mismo tiempo, te saldrá el cuadrito de búsqueda en el que escribirás    </body>     das a enter, lo pegas justo encima y listo.

El problema es que en castellano pone "Quizás también le interese..."

Si quieres cambiarlo sólo tienes que seguir estos pasos:

• Editar HTML
• Buscas   <head>
• Justo debajo escribes   

 <script>linkwithin_text='Lo que queramos que salga'</script>

Quitas lo que yo te he puesto en azul por lo que quieras poner.

• Guardar plantilla
• Cerrar

Espero que te haya gustado este tutorial. No te olvides de comentar.

Besos,

CÓMO PONER UNA FIRMA EN TUS POSTS DE BLOGGER

Hay gente que se complica mucho la vida para esto, pero en serio es la cosa más sencilla del mundo.

¿Mi forma?

Besos,

 

¿Qué cómo lo he hecho?

Es simplemente una imagen alineada a la izquierda. La diseñé con picmonkey en un ratito con fondo transparente, porque al intentar subirla con fondo blanco se puso gris. :( 

No sé por qué pero espero encontrar una solución para esto. En cuanto lo investigue y me entere de cómo hacerlo te lo cuento.

CÓMO HACER QUE EL TÍTULO DE NUESTROS POSTS NO SE VUELVA NEGRO AL ENTRAR EN ÉL

Estoy segura de que te has fijado en que aunque hayas elegido un color específico para el título de tus posts, al entrar en esa entrada se vuelve negro.

Como al final no deja de ser un enlace, cuando ya has entrado en él, también cambia de color.

Y cuando pasas el ratón sobre él, también tiene un color específico.

Esto se puede evitar. Sí, se puede bloquear el color de tu título para que siempre tenga el color elegido. Y además es muy sencillo:

• Vas al Diseñador de plantillas
• Avanzado
• Añadir CSS
• Y ahí copias este código, PERO sustituyendo el #000000 por el color que quieras para el título de tus posts.

h3.post-title a, h3 {

color: #000000;

}

• Y aplicar al blog

Si ya has puesto con anterioridad algún código de CSS, para separarlos pulsa 2 o 3 intros y copia el nuevo código. Más que nada es para que no se te peguen los códigos y los distingas bien, en caso de querer quitarlos.

Besos,

COMO CAMBIAR EL COLOR DEL LIGHTBOX DE BLOGGER

Hoy te traigo un tutorial que seguro que te gusta mucho. :)

Te estarás preguntando ¿qué es el lightbox? El lightbox es esa cajita o marco negro que sale cuando pinchas en las fotos de Blogger. Te las muestra más grandes, por si tienes que verlas mejor.

Se puede activar o desactivar fácilmente (en Configuración - Entradas y comentarios - Mostrar imágenes con lightbox - Sí o No)

Cuando se activa, sale lo que acabas de ver. Todo el mundo lo deja de color negro pero si quieres yo te enseño como cambiarle el color. Además es súper fácil.

Se pueden cambiar 3 colores.  Fijate como la zona de abajo, donde salen las demás fotos del post si es que en él hay más de una, es de un tono un poco más oscuro que el resto. Eso se puede poner de un color, el resto de la caja de otro y el reborde de la caja de otro.

Podrías ponerlo así:

Es tan fácil como copiar este código de CSS y cambiar los colores o el grosor del reborde:

.CSS_LIGHTBOX_BG_MASK {
background-color:#dfdede !important;
/*pdb*/
}

.CSS_LIGHTBOX_FILMSTRIP {
background-color: #c6c6c6 !important;
/*pdb*/
}

.CSS_LIGHTBOX_SCALED_IMAGE_IMG {
cursor: pointer;
outline: 3px solid #8d8d8d !important;
position: relative;
/*pdb*/
}

Ahí van 3 códigos que debes pegar en la pestaña (personalizar plantilla-avanzado-añadir CSS)

El primer código es el que pertenece a la caja en sí. Tú deberás cambiar ese código que te he puesto en rosita, por el color que quieras. Puedes ver fácilmente los códigos de colores en la misma pestaña en la que estás de avanzado, pulsando en cualquier color verás su código. 

Ej: pulso en enlaces y voy probando hasta que encuentro el color que quiero, entonces copio su código de color y lo sustituyo por el que yo os he puesto en rosita.

El segundo código, pertenece a la franja de abajo donde salen las demás fotos. Y lo mismo: deberás cambiar el código que te he puesto en rosa al color que tu quieras.

Y por último, el tercer código pertenece al reborde.

Puedes o ponerlo del mismo color que el primero (caja) para que no se vea, tal y como hace Blogger en la caja negra que nos pone por defecto, o ponerle un color. Y si le pones color, puedes cambiarle el grosor. (Te lo dejo también marcado en rosa).

La verdad que también puedes cambiar el solid por dotted o dashed etc. como todas las líneas. Dotted es con puntitos, dashed con guiones y double con doble linea. 

¿A que es fácil?
¿Te ha gustado? ¿Lo vas a cambiar de color en tu blog?

Besos,

CÓMO CONSEGUIR SEGUIDORES PARA TU BLOG

¿Qué puedes hacer para conseguir más seguidores en tu blog y además más visitas? Lo que te voy a contar no es algo que hará que la gente que te visite, se haga seguidora tuya. Lo que te voy a contar es lo que hace que yo vuelva a un blog que he visitado por primera vez. Además, puedes contarme que es lo que hace que tu vuelvas a un blog que has visitado por primera vez.

Crea una sección SOBRE MÍ         Preséntate, cuenta de que va tu blog

1. La sección "Sobre mí". Para mí esto es básico. Si un blog no tiene una página de presentación, no me inspira confianza y probablemente no vuelvo.
2. Una buena ortografía. Si veo faltas de ortografía graves o tengo la sensación de que estoy leyendo un whatsapp, directamente me salgo. Ya te expliqué lo que no tenías que hacer en este post.
3. Una buena organización. Las cosas que ayudan a que el blog esté bien organizado son: organización en diferentes secciones y pestañas, utilizar las etiquetas e incluir sugerencias de post similares al pie de cada post.
4. Contenido interesante. Tengo que estar interesada en lo que encuentro, si no pego media vuelta y adiós muy buenas. En mi caso, suelo volver a blogs de películas que me gustan, diseño, ilustraciones... Lo que tiene que ocurrir es que aprenda algo con lo que lea o  que me sienta bien leyéndolo.
5. Diseño y buena presencia. Si me gusta el diseño de un blog, la temática y lo que publica y no tiene cosas molestas como musiquita, cosas en movimiento o letras chillonas; me quedo a mirar.
6. Piensa en tus lectores. Si intentas venderme un producto cada 2 lineas, me habrás perdido como lectora. Entiendo que quieras promocionarte pero tampoco te pases, porque acaba siendo estresante.
7. A veces que un blog tenga lectores, hace que lleguen nuevos.

Bueno, eso es todo por hoy. No te olvides de decirme en los comentarios ¿que te hace quedarte en una página o que te molesta cuando entras por primera vez?

Besos,

FACILITA A TUS LECTORES LA EXPERIENCIA DE LEERTE

Sé de muchos que escriben mal, no me refiero al contenido sino a otras cosas que te explicaré ahora.

Voy a explicarte unas reglas muy sencillitas para que tus lectores te lean mejor:

• NO se escribe texto largo en mayúsculas. Las mayúsculas no son letras diseñadas para textos largos por lo que cansan la vista. Las mayúsculas se utilizan para  titulares o resaltar palabras concretas.
• NO se utilizan tipografías caligráficas, decorativas, etc. Se leen fatal. Las decorativas ¡para el título!
• NO se justifica a la derecha. ¡Que leemos de izquierda a derecha!
• NO se justifica al centro. La justificación centrada va muy bien para pies de foto, pero para leer es horrible. Esto es por que el ojo se fija en tres puntos al leer una línea: principio, centro y final. Cuando el principio no es el mismo en todas las líneas el ojo hace más esfuerzo y se cansa antes.
• NO utilices la justificación total para textos largos, ya que en las líneas que hay poco texto, las palabras se separan demasiado.
• NO se utilizan negritas y subrayado al mismo tiempo.
• NO dejes excesivo espacio entre párrafos, es decir, no des cuatro Enter de golpe para separar un párrafo.
• NO escribas en un color más claro que el fondo.

Cosas que sí puedes hacer son:

• Justificación a la derecha o centrada para pies de foto. ¡Queda muy bonito!
• Tipografía decorativa en los títulos
• Texto justificado a la izquierda, la vista lo agradece.

Creo que con estos consejos mejorarás notablemente tu forma de escribir.

Besos,

COMO QUITAR SUSCRIBIRSE A: ENTRADAS (ATOM)

No me gusta que al final de los blogs ponga suscribirse a: entradas atom. Ya hay un gadget para suscribirse, así que no sirve de nada. Como puedes ver yo lo he quitado y mi pie de página está mucho más limpito. Te lo explico:

1. Ve a plantilla y luego pulsas en editar HTML.
2. Abre el cuadro de búsqueda pulsando al mismo tiempo las teclas (ctrl + f). Pero ojo, pulsa dentro del cuadro donde están todos los códigos como si fueras a escribir algo, pero no escribas nada. Si pulsas fuera te buscará las palabras en tu navegador en vez de en los códigos.
3. En el cuadro de búsqueda escribes: Blog feed links
4. Deberás ver algo como esto:

<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->

<b:if cond='data:feedLinks'>

<div class='blog-feeds'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

 5. Tienes que borrar esta línea:

 <b:include data='feedLinks' name='feedLinksBody'/>

 6. Al borrarla queda un espacio entre la linea anterior y la siguiente. Borra    poco a poco los espacios de sobra, hasta que la línea anterior y la siguiente estén una debajo de la otra.

7. Aquí ves cómo se quedaría:

<div class='blog-feeds'>

</div>

8. Da a guardar plantilla y cierra el cuadro de búsqueda pulsando la x.

Besos,

BIENVENIDOS A MI BLOG

Es increíble que habiendo tantos blogs, estés en el mío. Se me ha ocurrido la idea de contarte mis truquis con el blog para ayudarte con el tuyo. Como todo en la vida había cosas que no me gustaban y que decidí cambiar. Y toda mi experiencia y conocimientos he decidido compartirlos contigo.

Mil besos,
Cristina