Personalización de Blogs Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

Cómo cambiar el color de los enlaces, solo del texto del post

Una "queja" que he oído respecto a mi blog bastantes veces, es la de que los links o enlaces son demasiado claritos y no los veis bien... (imaginaos aquí una carita de pena de Whatsapp... ;)
Yo misma sé que quizá un rosa fuertecito se vería mucho más. Pero claro, ¡imaginaos mi columna toda rosa! Porque al final el archivo y demás son todo enlaces...
¡Queda fatal!


¿Solución rápida?
Ponerlos de un color gris, que es del color que queda bien el texto.
Probé a gris más oscuro que mi texto y no me gustan. Puse más clarito y quedan bien. Pero eso, ahora recibo quejas de que no se ven bien...
¿Solución inteligente?
Y que debería haber hecho hace mucho... ;)
Cambiar los enlaces de solo dentro del post en sí. Así no se cambian los enlaces a etiquetas y demás en el pie del post, ni en el archivo, ni en ningún lado.
Recordad que los títulos de los posts también son enlaces, pero ya aquí os expliqué aquí cómo cambiar el color del título del post sin que se cambien los demás enlaces.
Este finde me he quitado la pereza y me he propuesto cambiar mis enlaces.
Y con ello os traigo un tutorial sobre cómo hacerlo vosotras, pues seguro que a muchas os viene bien también :)
Tutorial:
Ya sabéis que los enlaces tienen tres colores: el color del enlace sin más, el color del enlace cuando alguien ya ha visitado ese enlace (entrado en la página a la que enlaza) y el color del enlace cuando se pasa el ratón sobre él


Yo hasta ahora tenía el color igual en los enlaces visitados y no visitados, porque no quiero que mi blog (sobre todo la columna, donde tengo enlazados todos mis cursos, el archivo, etc.) sea un arcoiris.
Ahora bien, como en el post los links suelen estar más dispersos, sí se puede poner un color diferente en cada uno.
Es muy fácil, simplemente hay que añadir en CSS:
.post-body a{
color: #fa9a9a !important;
}
.post-body a:visited{
color: #acacac !important;
}
.post-body a:hover{
color: #fbadbb !important;
}
El primer parrafito nos cambia el color del enlace normal. El segundo el del enlace visitado. Y el tercero el del enlace al pasar el ratón sobre él.
Esos son los colores que he puesto ahora (rosa fuerte para los normales, gris como el que estaba para los visitados y rosa clarito como estaba para cuando se pasa el ratón por encima) pero vosotras obviamente debéis cambiar el numerito de color por el color que vosotras queráis.
Notas importantes:
Gracias a dios esto cambia solamente los links del cuerpo del post, o sea que como decía antes no nos cambia los links en el pie de página donde dice el número de comentarios, etiquetas y demás. Ni tampoco lo que tenemos en la columna, como yo tengo los enlaces a los cursos, o si tenemos nuestras categorías o etiquetas listadas, etc.
Sin embargo, las páginas las considera posts.
De modo que si tenéis un índice o algo así... (es decir, una página con muchos links...)


De ahí que hasta ahora me diera pereza cambiarlo... ;)
Pero bueno, yo prefiero ahora darme la paliza a cambiar eso ahora link a link (¡porque así queda fatal!) y luego despreocuparme cuando escriba los posts (editaré a mano donde os pongo abajo enlaces relacionados, que también lo prefiero gris) que al contrario, porque cuando escribo los posts se me olvida o me da pereza ponerme a cambiar enlaces...
Voy a probar cuando os ponga algún enlace gris, ponerlo en negrita para que lo veais más.
De hecho fijaos ahora debajo de mi firma en los enlaces que os pongo a otros posts y me decís si así en negrita se lee mejor.
Decidme por fa también si os gusta más (no estéticamente, sino si estáis más contentas, se leen mejor) ahora con los enlaces en rosita en lugar de gris claro.
Besoteeees, hasta el jueves :)


Blogger | Email  | RSS | Bloglovin" | Feedly 

Temas relacionados (antes): 1. Cómo cambiar el color del texto seleccionado
2. Cómo cambiar los colores del lightbox de blogger
3. Cómo cambiar la fuente de los comentarios en bloggerTemas relacionados (negrita): 
1. Cómo cambiar el color del texto seleccionado
2. Cómo cambiar los colores del lightbox de blogger
3. Cómo cambiar la fuente de los comentarios en blogger

¡Gracias por suscribirte! Mil besos, Blanca

Fuente: este post proviene de Personalización de Blogs, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Recomendamos

Relacionado

SEO y posicionamiento Uncategorized enlaces

Que son los enlaces nofollow y como sacarles partido

Que son los enlaces nofollow y como sacarles partido Seguro que has oído hablar sobre los enlaces nofollow y follow hoy descubrirás para que sirven. Aprender como usarlos de manera inteligente para beneficiar a tu blog y no caer en una futura penalización es fácil si sabes en que momento usarlos. Cuando se crea un enlace se conectan dos páginas por ese punto, por tanto se supone que existe una rel ...

Tips enlaces

Hacer que todos los enlaces de tu blog sean nofollow automáticamente

Hoy vamos a hacer que los enlaces de nuestro blog salgan por defecto nofollow de una forma muy rápida, vamos de golpe. Hace poco hablábamos sobre como usar los enlaces nofollow de manera correcta y ha despertado bastante interés, tanto que me han preguntado si existe forma de hacer que salgan automaticamente nofollow todos los enlaces del blog. Querer que aparezcan nofollow automaticamente en toda ...

Diseño para Blogs Herramientas Uncategorized

Cambiar el color del navegador por el de tu blog

Cambiar el color del navegador por el de tu blog de añade un icono! Personaliza Google Chrome con el color principal del tema de tu blog  de una forma muy fácil cambiando el esquema de color , por defecto es el azul de google y añadir el logo de tu blog o una imagen que te guste, lo vamos a poder hacer en diferentes plataformas. Color azul por defecto de Chrome Fucsia de yo blogueo Hay que aprovec ...

SEO y posicionamiento Uncategorized enlaces ...

Enlaces a fondo todo lo que necesitas saber sobre como enlazar correctamente

Enlaces a fondo todo lo que necesitas saber sobre como enlazar correctamente Este post contiene aclaraciones muy importantes sobre los enlaces y sus relaciones para ayudarte a mejorar el SEO y para que aproveches el potencial de los links. Los enlaces son vitales para tu blog, tanto que se compran y se venden, esto ha hecho que también se conviertan en el punto de mira en el ojo de las penalizacio ...

Blogging Enlaces Entrantes o Salientes de Tu Sitio Web: Qué Son y Para Que Sirven? Los Mejores Links Que Podemos Conseguir ...

Enlaces Entrantes o Salientes de Tu Sitio Web: Qué Son y Para Que Sirven?

Ningún sitio web puede lograr un buen posicionamiento en motores de búsquedas si no tiene buenos enlaces entrantes y hasta salientes. Los backlinks son de vital importancia y por eso hoy, además de definirlos y explicar para qué sirven, te decimos los que si o si debe tener. Todo sitio web debe ser promocionado en Internet. No es pecado dar a conocer tu trabajo online, lo que si es necesario hace ...

general

Cómo quitar los dos puntos de los comentarios en blogger y/o cómo personalizar el texto

Hoy vengo con un tutorial facilito y extra rápido, ¡pero espero que muy útil! Últimamente he notado que tengo muy pocos comentarios. Como bloggers entenderéis la importancia que esto tiene. Por un lado nos motiva, pues si bien una ve sus estadísticas y visitas, a pesar de ello, a mi si no me dejan comentarios me da un poco la sensación de que hablo sola. Y por otro nos guía a la hora de saber sobr ...

técnica fotográfica color de ojos photoshop

Photoshop: Cómo cambiar el color de los ojos

Os vamos a explicar una sencilla forma de cambiar el color de ojos desde Photoshop. El tutorial es sencillísimo, y ejecutarlo no os llevará más que algunos minutos. Primero abrimos la foto que queremos retocar. Crearemos una elipse con la herramienta para tal fin, y la llenamos con el nuevo color para el ojo. En el ejemplo escogí el color verde. Ampliaremos la elipse hasta cubrir el iris, cuidand ...

cambiar color de la piel técnica fotográfica

Cómo cambiar fácilmente el color de la piel y pelo en tus fotos

Te traemos un tutorial muy sencillo de realizar para cambiar a la vez el color o tono de la piel y el pelo:Paso 1: Abrimos la imagenPaso 2: Crea una nueva capa con una copia de la imagen (por si cometes algún error)Paso 3: Selecciona un pincel de tamaño de acuerdo a la imagenPaso 4: Pulsa la letra Q (Modo máscara rápida)Paso 5: Pinta sobre el área que desees cambiarPaso 6: Una vez pintada el área, ...