Con este sencillísimo truco pondremos una línea horizontal justo debajo del título de las entradas.

  • Ubicación: plantilla.

Buscar la línea .post-header { y colocar este código debajo: 

border-bottom: 1px inset #707070; padding:2px;

1x es el grosor de la línea;
#707070 es el color de la línea;
inset es el tipo de línea. Otras pueden ser las que figuran en la siguiente imagen:

Y et voilá!
Foto cortesía de Business2Community
La optimización en buscadores o SEO (Search Engine Optimization) es un aspecto clave y básico que no debemos pasar por alto a la hora de publicar una web ya que mejora su visibilidad en los resultados orgánicos de los diferentes buscadores. Cona las etiquetas meta description podemos dar un pequeño paso.

La etiqueta meta description nos ayuda a indicar cúal es el contenido de nuestra página para que así los buscadores de internet puedan recoger esta información y clasificar la página en una temática en función del contenido. Los meta tags también pueden ser específicos para palabras claves, etc. o pueden predefinir una actuación a la página.
Para colocar estas etiquetas hay que hacerlo entre los caracteres <head></head>.

Meta tag “Keywords”
Indica al buscador las palabras claves de nuestra página. Los keywords deben ir separados por comas y sin espacios entre ellos. 

<meta name="Keywords" content="tutorial,html" /> 

Meta tag “Description”
Destinado para los buscadores. En la “description” escribiremos la descripción de la página, de sus contenidos a través de frases cortas y separadas entre ellas por puntos.

<meta name="Description" content="Tutorial html. Meta tags" /> 

Meta tag “Language”
Indica al buscador el idioma en el que está escrita la página. Para el español correspondería “es”, en inglés sería “en”, en francés “fr", en italiano “it" …etc.

<meta http-equiv="Content-Language" content="es"/> 

Meta tag “Distribution”
Marca la distribución que queremos que se haga de la web. Si queremos que se distribuya por todo el mundo en “content” indicaremos “global” (lo más recomendable).

<meta name="distribution" content="global"/> 

Meta tag “Robots”
Puede que no queramos que nuestra página sea indexada por los robots de los buscadores Web. En ese caso debemos indicárselo con el meta “Robots”.

<meta name="Robots" content="all"/>

Meta tag "Author"
Para dejar claro quién publica en el blog.

<meta content='Nombre Usuario' name='author'/>

El Pullquote es un elemento de texto, normalmente una cita o extracto de un artículo, que se coloca de mayor tamaño de letra, y sirve para destacar un tema clave o bien conducir a los lectores a un aspecto clave. Se usa mucho en periodismo.

Un ejemplo lo tenemos en esta imagen en la que el efecto pullquote queda encerrado en una hoja de árbol y, además, entre dos columnas de texto:

Foto cortesía  de InDesignSecrets


Y así quedaría en un texto a una sola columna:

Foto cortesía de Drupal


Para conseguir ponerlo en nuestro blog es muy fácil. Hay dos vías posibles.

>> OPCIÓN 1 (+ elegante y editable a gusto personal)

  • Proceso: plantilla y editor de la entrada.

Primero hay que establecer los atributos de estilo y para ello hay que copiar el siguiente código antes de ]]></b:skin>

.pullquote {
width: 150px;
float: right;
padding:20px 10px 10px 30px;
margin:10px auto auto 10px;
background-color:transparent;
background-image: url(http://img47.imageshack.us/img47/457/comillasil6.gif);
background-repeat: no-repeat;
background-position: 2px 15px;
color:#990000;
border:0px solid #cccccc;
text-align:left;
font-weight:normal;
font-size:24px;
font-style:none;
font-family:impact;
line-height:24px;
}
.pullquote:first-letter {
color:#300C06;
display:block;
font-size:50px;
font-family:arial;
font-weight:bold;
}

Los parámetros (fuente, tamaño, color...) son completamente editables a gusto personal.

Luego, solo nos queda redactar el artículo en una entrada. El texto que se quiera poner en pullquote hay que encerrarlo entre las etiquetas SPAN con la clase pullquote. Así:

<span class="pullquote">TextoTextoTextoTextoTexto</span>

>> OPCIÓN 2 (+ sencilla, sin muchos rodeos)

Copiar este código directamente en el editor de la entrada:

<div style="float:right;height:6em;width:150px;margin-top:10px;margin-bottom:10px;margin-left:10px;line-height:18px;text-align: right;">

<span >text text text text text text text text text text...</span>

</div><p style="text-align: justify;">

Según nos dice wikipedia: Pullquote es una cita o extracto de un artículo que se coloca en un mayor tamaño de letra en la misma página, que sirve para destacar y conducir a los lectores en un artículo y o bien para destacar un tema clave. El efecto es similar a los cuadraditos en prensa escrita, que destacan parte de un artículo.</p>

<div style="clear:both;"></div>

Lo que está en verde y en negrita es el texto del pullquote. Lo marcado en rosa es el texto del artículo, escrito normalmente, sobre el que queremos que aparezca incrustado el pullquote.

En ambos casos, el efecto queda muy estético y por supuesto da estilo a las entradas.

Con este truquito podemos ponerle una imagen de fondo a los títulos de las entradas.

Ubicación: plantilla.

Buscar estas líneas

h3.post-title { 
.post-title { 
.post h3 {

o en su defecto esta otra h3.post-title, h4 { y copiar debajo este código:

background:url(URL DE LA IMAGEN)

Solo nos queda añadir el enlace de la imagen. 

Captura de pantalla de El Cajón de los Girasoles