Utilidades que he ido aprendiendo desde que estoy en Blogger

S h i n e r s ♥

Bueenas :D
Antes de nada quería deciros que voy a tardar bastante en volver a publicar (las semanas siguientes son puro estrés para mi) así que por ello he estado publicando tan seguido últimamente. Me parece que tengo alguna entrada programada para la segunda quincena del mes y la que si que estará es la del Wrap Up de pelis del mes de noviembre que va a venir cargadísimo de pelis con respecto a las últimas veces *O* bieen
Leed hasta el final de la entrada ya que estoy pensado en un proyecto para estas navidades que reanimaría un poco el blog ;) Ahora si:

¿Como estáis tod@s? Yo genial y espero que tú que estas leyendo esto ahora también :)

Os cuento el porqué de esta entrada: hay una encuesta en el lateral blog desde hace 195153 días, y esa encuesta (os la he dejado para que veáis de qué hablo) muestra que queríais un tutorial Blogger como entrada random. Bien, pues la inspiración divina a querido esto, y es una entrada desde mi experiencia como Blogger que puede ayudar a los nuevos o dar ideas a los veteranos (que también pueden dejar su experiencia en los comentarios).

En esta entrada os voy a hablar de mi progresión: desde el primer día hasta hoy. Que redes he descubierto gracias a Blogger, lo que me ha aportado tener un blog, que cosas son muy útiles de saber que no sabes al principio...

Tutorial: cabecera mosaico (grande)

Holaaa~

Como ganadora de la encuesta que puse hace un tiempo, esta es la entrada "random" de la semana: un tuto. Este, además, me parece que me lo pedisteis algunas (o puede que no) pero vamos, sé que de todas formas servirá para la mayoría. Allá vamos~

Hoy os enseñaré a hacer un tipo de cabecera que habéis podido ver en el blog hace nada. Esta es:

clic encima para + grande

Sería la cabecera mosaico y os prometo que no se tarda nada en hacerla.

¿Cómo hago pngs? - Photofiltre {sencillo}

Holaaa :)
Esta entrada llevaba puede que incluso mas de un año en borradores y como quiero deshacerme de estas entradas "parásito" y además me estáis pidiendo tutos en la encuesta (que ya no está porque Blogger hace con sus encuestas lo que le da la gana)... ¡pues que mejor que volver con un tutorial sencillo y útil!
No voy a mentir, el resultado es un poco chapuzero... pero más abajo os dejo un par de vídeos que os pueden servir para perfeccionar la creación de pngs (?)
¿Y para que sirven? Para hacer cabeceras principalmente.

Diseño nuevo desde 0

Hooooola. ¿Como estáis?

Hoy vengo con una entrada que se me ocurrió de golpe, intentando cambiar el diseño que llevaba ya desde hacía un tiempo (el del fondo negro).

Así que me he dicho: oye, ya que te quedas sin inspiración, vuelve a los básicos.

No me refiero a volver al tiempo de las primeras cabeceras (si recordáis esta o esta, me dejáis perpleja). Pero sí a presentaros una manera fácil y sencilla de hacer uno mismo un diseño decente. No hace falta ser un experto, os lo aseguro. Así que esta entrada estará clasificada como "tutorial" ya que me los habéis pedido por la encuesta, solo que será muy personal, enseñándoos como lo hago yo todo.

Colores.

Dirígete a colourlovers.com y explora la sección de paletas. Se supone que o tienes 0 de inspiración y buscando, encuentras una que te guste (lo que voy a hacer yo ahora), o tienes una idea y buscas en el buscador un color que vaya a predominar en tu diseño. Vale, yo he elegido esta:

Ahora, abrimos un programa al que estamos acostumbrados, que nos guste, o lo que sea, para editar. Yo por ejemplo uso Photofiltre 7, que es una versión simplificada del PS.

Descarga: [aquí]; idioma español [aquí].

Ahí copiamos la paleta y empezamos a seleccionar colores.

clic para agrandar

Cabecera y fondo.
Bueno. Esto es para la "armonía" del diseño; ahora nos hace falta hacer la cabecera, encontrar el fondo, etc.

Yo para este diseño voy a poner un bg neutro (hay miles en internet), y voy a crear una cabecera con imágenes de we♥it.
p.d.: no me refiero a este diseño actual, sino al que hubo justo antes, con el fondo de madera azul clarito

Primero abro en "nuevo" un rectángulo de 1000*350, por ejemplo, y a partir de ahí, pego imágenes un poco al azar. Procuro hacer que peguen con los colores de la plantilla.

Accesorios.
Ya que tenemos nuestro header, nuestro fondo y los colores que queremos utilizar, nos dirigimos a "Plantilla" y allí lo personalizamos todo. Ahí va para gustos, cambiamos colores, fuentes, tamaños... todo lo que se nos ocurra.
Para hacer el blog algo más trabajado, iremos a la edición de HTML. Los tutoriales que hay en el blog sirven para dejar vuestro blog aún más bonito de lo que es ;)

Cuidado con...
Colores muy chillones, personalmente me parecen horribles para el blog.
Colores demasiado claros... los evito.
Fuentes demasiado grandes o pequeñas, poco legibles... en fin, no os paséis y seguro que el blog os quedará genial.

Tip.
Si quieres páginas útiles de tutoriales, recursos, etc. específicos pídemelos en los comentarios ;)

Creo que es todo, xo

¿Como quitar el borde de las imágenes?

¡Nuevo tuto a la vista! Como dice el título, hoy os enseño a quitar los bordes de las imágenes. Esto me resulto a mi super util, porque con los gifs que pongo quedaba muy feo (ni caso, ahora me da pereza volver a quitar el borde de las imágenes) ... Busqué en varios sitios, y esto lo saqué de aquí.

Estos son los pasos:

 Ir a Plantilla-->Edición de HTML

 Le damos a ctrl+f, y en la barrita que aparece copiamos este código:

.post-body img, .post-body .tr-caption-container,

 Después verás este código:

.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);

Cambia todos los números rosas por ceros.

 Dale a guardar y ¡listo!

* tienes que tener siempre una copia de seguridad guardada en tu computadora 

Espero que os haya servido Shiners 

¿Como poner un favicon?

Holaa :D

Hoy otro tuto sencillo pero super útil para personalizar aún mas nuestro blog ♥
preciso: esta entrada la escribí hace mucho, pero por si acaso la publico para los que no sepan ;) de ahí el nombre de "Shiny" con el solecito

 ¿Que es un favicon?

Es, como podéis ver en la imagen, el icono que aparece al lado del nombre de nuestro blog en las pestañas.

Si no lo hemos cambiado aún se ve la "B" blanca de blogger con el fondo naranja.

 ¿Como crearlo?

·Antes de nada, hay que tenerlo o crearlo.

Podéis pedirlo a una web de diseños, por ejemplo [aquí] [aquí]... help, si alguien conoce mas, que me lo diga por los comentarios xd o coger alguno que os guste [aquí].

·O sino podéis hacerlo vosotras mismas con programas de edición de imágenes como mas os guste (el que tengo ahora lo tengo desde el principio y me corresponde totalmente xq lo hice yo, así que hay ventajas) y convertirlo a ".ico" (→ hay programas online que lo hacen).

tip: los emoticonos del msn, por ejemplo, pueden valer tmb c:

 ¿Como ponerlo?
·Yendo a diseño>arriba a la izq. verás "favicon", dale a editar>seleccionas tu imagen y ¡listo!

A veces a mi no se me cambiaba inmediatamente, pero lo único que hay que hacer es esperar (digo yo) y se pone al cabo de cierto tiempo.

¿Ya sabíais el truquito? ¿Queréis mas tutos del estilo? ¿Alguna duda que os pueda resolver?
txauu~

¿Como quitar el subrayado de los links (hover)?

¡Hola! :) Este tuto lo dejé en mi otro blog de diseños que ya dejó el alma por decirlo de alguna manera.
¡Allá vamos con el tuto! Es realmente sencillo y puede resultar super útil, ahora mismo esta puesto en el blog, solo teneis que ir encima de un enlace para ver que no sale el subrayado.

♦ Ya que la plantilla de blogger cambió la apariencia, todos los tutos se harán a partir de esta. A mi me costó un poco acostumbrarme pero es posible hacer los mismos cambios que hacíamos antes. Con que abrimos la página de la plantilla, luego vamos a editar HTML y seguimos los siguientes pasos...

*Clic encima para ver + grande*

♦ Le damos al triangulito que está enfrente de <b:skin> y veremos que se abre la plantilla y aparecen los códigos para poder editar la apariencia de la plantilla.

♦ Buscamos con ctrl+f "content" y justo cuando bajamos un poquito vemos las opciones que hay para los links de esta manera:

♦ Donde vemos que esta puesto "underline" es donde tenemos que poner "none" para que se anule el efecto.

♦ Guardamos la plantilla y... ¡listo! :)

p.d.: puedes trastear con los valores del link cuando no hay el ratón encima poniéndole un subrayado, etc. Mira que esté bien la plantilla en la vista previa antes de guardar.

Tutorial/Curiosidad: enlaces cortos con Twitter (u otras alternativas).

¡Hola Shiners! ;)

Hace mucho mucho mucho que no os dejo un tuto, así que hoy os dejo uno peculiar, que necesita -por ejemplo- una cuenta de Twitter.

Tuto: mosaico cute! {Photoscape}

¿Quieres poner de alguna forma bonita afiliados? ¿O decorar de una forma original tu blog? ¡Incluso presentar de esta forma un pack de avatares de tu creación descargables! Hay mil formas de sacarle partido & yo te lo enseño ahora mismo... ^^

Los pasos son realmente sencillos y solo necesitas un minuto, el programa & avatares guardados en tu computadora :3

-Nivel & tiempo-

Principiantes; 40 sec.

-Pasos-

♦Abre Photoscape y ve a "mosaico". Clic encima del mosaico "main_e_01".

♦A la izquierda, ve en la carpeta dónde tienes guardados todos tus avatares o iconos.

♦Desliza las imágenes como mas te guste en las casillas.

♦Si quieres un marco ve donde pone "marco" y pon el que mas te guste (se aplicará en todas la imágenes).

♦Siempre puedes cambiar ajustes del mosaico, probando con el editor de arriba.

♦Dale a guardar y ¡listo!

¿Os gustan este tipo de tutos? ¿Queréis mas sobre programas de edición? ¡Comentad!

Tuto: Menú secciones

Hola (:

A petición de David os dejaré el tutorial de cómo poner el menú que hay ahora en el blog a la derecha....

¡Allá vamos! 

Tuto: cbox deslizante

Hola, holaa (:

Ya que me pidieron como poner una cbox deslizante y por desgracia el blog en el que lo explicaban ha sido eliminado, os dejo los códigos aquí...

Tuto: Doble cursor~ al pasar por un link

¡Al fin lo he vuelto a encontrar! Después de estar buscando, encuentro al fin el "doble cursor" como lo llamo yo xD

Consiste en -cuando pasas por un link el cursor- cambiarlo por otro personalizado. Puedes ver un ejemplo en [LGDLM].

¿Cómo se hace? Antes lo hacía mediante la plantilla, pero con este código se puede hacer con el diseño...

*Ve a diseno >> Elementos de Pagina >> Anadir Gadget >> Html/javascript.

*Copiar el siguiente código y pegarlo en el gadget:

<style type="text/css">body, a, a:link{cursor:url(URL DEL CURSOR 1), default;} a:hover {cursor:url(URL DEL CURSOR 2),wait;}</style>

*Remplaza donde dice url de cursor por los cursores de tu preferencia (el primero es el normal, el segundo para cuando pasas por los links).

*A guardar y listo ·3·

Espero haber ayudado ^^

Créditos a: Annyz.

¿Como se cambia la selección del mouse en el blog?

De nuevo un tuto super sencillo para vuestros blogs :3

Esta vez se trata de cambiar el color de la selección del mouse en nuestro blog. 

Para eso hay dos maneras, pero a mi me funcionó mas la primera, que es a traves de la plantilla HTML.

Normalmente cuando se selecciona un texto este aparece azul, pero ya vereis como se puede cambiar fácilmente.

Vais a: Plantilla>Edición de HTML>buscar (f3) ]]></b:skin>

Pegas antes de eso: ::selection { background: #000; color: #fff; }

Donde pone #000 lo cambias por el color de fondo que quieras.

Donde pone #fff lo cambias por el color de la letra que quieras.

Coge los códigos [aquí].

Mira que todo está bien en la Vista Previa y dale e Guardar.

Y listo :D

*Lo único feo que le veo es que donde no hay letras sigue siendo azul...

Este tuto lo aprendí de [este] blog.

Tutos: organiza tus secciones, pon un form & haz que aumenten las visitas a tus antiguos posts.

Holaa 

Por petición de Laura os traigo unos tips muy útiles para organizar las secciones (como las tengo yo puestas, por etiquetas), poner un form (super facil) y ya que estamos una astucia para incrementar las visitas a posts antiguos 

Tutos: Tips para hacer tu propia cabecera.

Holaa~

Por pedido de Anabel, os voy a dejar unos tips, enlaces y demás para hacer una cabecera bonita para el blog :3

¿Cómo poner un "leer mas"?

Hola, hola~

De nuevo un tuto super sencillo y muy útil a la vez...

 se trata de ocultar parte del post, para que los interesados en este puedan verlo entero clicando en un enlace que les conducirá a ver el post entero y a tener los comentarios a mano.

Pedidos de entradas (muy muy atrasados :S)

Como se que por aquí las Shiners son muy golosas xD

Haber hace muuucho tiempo que me pidieron entradas con cosas que tenía en el blog y eso. Y como las dejaba para el último momento, al final me olvidaba de algunas y hacía las que mas importaban.. enfin.

A lo que voy es que todas las entradas y tips que me pidieron (por la cajita de brillantinas) los pondré aquí (si me pediste alguna entrada por un comentario vuelve a pedirlo que estará perdido) :P

¿Como poner enlaces multicolores?

Heey! ¿Como estáis mis queridas Shiners?

Cada vez voy aprendiendo mas cositas que son útiles para blogs, así que hoy toca tutorial ^^.

Como ponía en el título, os voy a enseñar a poner los enlaces de vuestro blog "multicolores".

Para eso es muy fácil, seguimos estos pasos:

Escritorio>Diseño>Edición de HTML

pulsamos f3 para buscar </head> :

- Encima de </head> colocamos la siguiente línea:

<script src='http://sites.google.com/site/unblogdelujo/Arcoiris.js'/>

Le damos a vista previa para ver que no se ha trastocado nada.

Antes de todas formas ya tendríamos que tener una copia de seguridad de la plantilla.

Si todo parece normal guardamos y vamos a ver al blog si se ha cambiado.

~normalmente estará cambiado~

Ahora cuando pases el cursor encima hará arco-iris xD

Ah y claro que no he inventado el como se hace, este tuto lo ví por una página web llamada Un blog de lujo.

Un besito a todas ^^ Espero que os haya sido útil!

¿Como quitar el captcha?

¡Hola a tod@s!

A estas alturas todos sabréis lo que es el captcha, ¿no? Bueno, por si hay alguna duda es esa verificación de palabras que sale cuando vamos a comentar en un blog. He visto que muchos de vosotros lo tenéis puesto, y debo decir que es super molesto comentar cuando se tiene, ¿así que para que guardarlo?

Y creo que la ventaja mayor de quitarlo es que habrá mas comentarios y/o comentaristas.

Si tenéis "miedo" a los spam, yo os recomiendo que los quitéis, claro está, pero mejor moderar comentarios, como lo tengo yo puesto en el blog (además de que nunca he recibido spam).

La ventaja de lo segundo que he dicho (moderar los comentarios) es que estáis seguros de que el autor del blog los leerá todos.

Bueno pues ahora solo me falta deciros como se hace para quitarlo...

Desde el escritorio, le dais a "mas opciones" del blog del que queréis cambiar esa configuración.
(Esta entre la imagen "lista de entradas" y "ver blog" por si no sabéis)
Allí directo a Configuración.
A la izquiera veréis el menu de la configuración, se supone que llegáis a básico.
Le damos a "Entradas y comentarios".
Hay bastantes opciones que son fáciles de entender, pero si queremos quitar el captcha, debemos modificar el "si" que viene predeterminado por "no" en "mostrar la verificación de palabras".

Para la moderación de comentarios, simplemente cambiar el "nunca" por "siempre" o "a veces", como mas practico os sea para moderarlos.

Seguro que much@s de vosotr@s sabréis como se hace, pero... también puede que no y haber si os ha servido y lo quitáis de vuestros blogs. Lo suelen tener blogs nuevos por que no saben que viene predeterminado.

Ah y por si no os habéis enterado, también se puede poner un formulario de comentarios, para personalizar mas el blog ;)

¿Como hacer un botón de afiliación? Parte II

Ahora que [tenemos el gif], solo nos falta ponerlo en el blog.