Personalizar el blog

Casi muy poco reviso mis mails, por lo que quienes me preguntan sobre cualquier asunto acerca del blog, se arriesgan a que rara vez (por no decir nunca) me entere de sus preguntas y, lógicamente, rara vez les conteste por ese medio. No es que no quiera, lamentablemente en muchos de los casos es el factor tiempo.

Valga esta aclaración por las muchas preguntas que me hacen del por qué no les respondo por este medio, lo que les lleva a suponer que quizás sus inquietudes no me interesan o lo que es peor los llevan a creer que no agradezco sus comentarios o sugerencias.

Pero debido a la persistencia de una amiga mía que muy gentilmente ha dedicado bastante de su tiempo a escribirme varios mails (en realidad son como veinte) pidiéndome que la ayude a solucionar un pequeño problema que tiene con su blog, he decidido (no prometido) revisar con más frecuencia los mails que me llegan, pero les reitero que si comentan en las entradas respectivas de Bloger & Bloger tienen mayor probabilidad de que las respuestas les lleguen en seguida.

Eso por un lado, por lo segundo, Maya (así se llama la amiga en cuestión) me ha pedido en casi todos sus mails que la ayude a personalizar su blog pues a su parecer y según sus palabras “le falta algo” que “no sabe qué” y a pesar que han pasado casi 25 días desde el primer mail que envió, su persistencia me ha dejado anonadado.

En sí, Maya me ha pedido, entre otras cosas, que le ayude a agregar gadgets en el footer pues el diseño de su blog no lo permite, o no viene por defecto el código que nos permite dividir el footer para agregar gadgets.

He revisado en los post del maestro Potro para direccionarla allá pero solo encontré cómo dividir el footer modificando un código ya existente en el blog. Pero dicho código NO existe en la plantilla de Maya para dividir el footer y agregar estos artilugios, así que, lo que al principio parecía pan comido, me ocupó casi dos días de mi feriado por Viernes Santo. Pero aquí está  lo que mi amiga con tanto afán y ahínco pedía, con algunos pequeños trucos que dejo a su criterio el implementarlos. He dividido esta entrada en dos partes pues es bastante extensa. Aquí la primera parte.

Este es el blog de Maya:

Deberás buscar en tu plantilla… 

Si quieres cambiarle el fondo al blog:

<style type='text/css'>

body{background:F1F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl8-ajZpAR9xeNSMef-4fWDw7ArwSmi8WVuVRTBevKoKXORc6UG5wbzNjMBMv59XzMFDMvqWq8bbZ4AGLvay5WilKUm0LsSvHFyQ5OBctkKlpt2TlZbLE_K3uEN9PV8Jj-kGLlrToVKpHn/s0/background.png) center top

no-repeat;color:#777777;font-family: Arial, Helvetica, Sans-serif;font-size: 13px;margin:0px;padding:0px;}

Para el color del nombre del blog

#header h1 a,#header h1 a:visited{color:orange;text-decoration:none}

Para el color del texto del sidebar

#rsidebar-wrapper{width:285px;float:left;margin:0px;padding:0px 0px 0px 15px;word-wrap:break-word;overflow:hidden;text-shadow:0 1px 0 orange;}

 Para el color del texto en “entradas populares” cuando se pone el cursor

.sidebar a:hover{text-decoration:none;color:orange;}

 Para el color del titulo de las “entradas populares”

.sidebar a{text-decoration:none;color:red;}

Para el color del titulo de la entrada

.post-title a,.post-title a:visited,.post-title strong{display:block;text-decoration:none;color:#000000;text-decoration:none;}

 

Parael color del texto de la entrada cuando se pone el cursor

.post-title strong,.post-title a:hover{color:orange;text-decoration:none;}

Para el color del texto visitado

.post-title a,.post-title a:visited,.post-title strong{display:block;text-decoration:none;color:#F27304;text-decoration:none;}

Para el botón “leer más”

.readmore{margin-bottom:5px;float:right}

.readmore a{color:orange;background:#F5632C

Para separar las entradas de “entradas populares” y poner color al fondo de los gadgets

.sidebar ul li{padding:0 0 9px 12px;margin:0 0 8px 0;background:orange url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPpk4rALdHhnhZI6aiZ9WxSB058MqETV573lGpt2lkwlTTzvGTdP5r2Kgjz3iSVKZ96nO43-7VYSbfQEOpnlaXpPAYrWv8BGAvMn0fZJid2y2j03IZ3zaOB_rPLduaF2zpWg1VPrTgJrD/s0/widget-list.png) left 3px no-repeat;border-bottom:1px solid #D5D5D5;}

Hasta aquí  lo que puedes personalizar a tu gusto, en la siguiente entrada agrego unos cuantos trucos más también lo de dividir el footer.