En este artículo vamos a indicar un método para desplegar las entradas más recientes por etiqueta en un blog de Blogger. Como sabe la mayoría de los usuarios de Blogger, este cuenta con varios gadgets que pueden emplearse para mostrar las entradas más recientes, las entradas más populares y el contenido del sitio de forma aleatoria. De hecho, es probable que estos sean los gadgets más empleados de Blogger.

Ahora, probablemente muchos han buscado la manera de mostrar las entradas más recientes para una categoría en particular de nuestro sitio. En WordPress esto es sumamente sencillo ya que hay una gran cantidad de plugins que permiten hacer esto, sin embargo en Blogger ese no es el caso. Con el gadget que vamos a mostrar seguidamente se despliega una lista de entradas a los cuáles les hemos añadido la misma etiqueta la cual incluye el título del artículo, una imagen y un resumen opcional.

Procedimiento para mostrar entradas recientes por etiqueta

Paso 1: En el panel de control de Blogger haga click en Template>Edit HTML>Proceed

Esto nos mostrará el código de la plantilla al cual le vamos a añadir una serie de códigos. Se recomienda salvar la plantilla antes de hacer cualquier cambio por si se comete algún error.

mostrar código plantilla de Blogger

 

 

Paso 2: Encuentre la siguiente pieza de código en el código de la plantilla del sitio (Para que aparezca la barra de búsqueda haga click en las teclas Ctrl y F al mismo tiempo):

 
]]>
 

Paso 3: Copie y pegue el siguiente código directamente arriba de ]]></b:skin>:

 
/*** Recent Labels Gadget Css ***/
img.label_thumb{
float:left;
padding:5px;
border:1px solid #8f8f8f;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{
background:#f7f6f6;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
adding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
}
.label_with_thumbs a {}
.label_with_thumbs strong {}
 

Paso 4: Seguidamente hallé el siguiente elemento de código en el código de la plantilla del sitio:

 

 

 

Paso 5: Copie y pegue el siguiente código directamente arriba de </head>:

 

 

 

Paso 6: Salve la plantilla. En los pasos anteriores añadimos el código CSS para darle estilo al gadget y el script para hacer que este funcione. Ahora, tenemos que añadir el código del gadget en el sidebar de nuestra elección por medio de un gadget HTML/Javascript.

 

Paso 7: En el panel de control de Blogger hacemos click en Layout/Add A Gadget/ y escogemos HTML/Javascript en el menú emergente:

Edición de la plantilla de Blogger

 

 

 

Paso 8: Finalmente copiamos y pegamos el siguiente código en el gadget HTML/Javascript

 


 

 

Donde dice etiqueta en mayúscula reemplazamos con la etiqueta cuyas entradas queremos que sean mostradas por el gadget.

Por ejemplo, si queremos mostrar los artículos de la etiqueta Google, simplemente sustituimos ETIQUETA por la palabra Google: (http://www.miblog.com/search/label/Google/).

Sin embargo, si la etiqueta está formada por más de una palabra puede resultar confuso ya que el espacio entre las palabras por lo general es llenado con caracteres tal como se muestra a continuación:

 

http://www.miblog.com/search/label/GSocial%20Media/
 
 
Por eso, si vamos a emplear una etiqueta con más de una palabra debemos asegurarnos primero como aparece esa etiqueta.
 
Con base en el código anterior podemos modificar el gadget de la siguiente manera:
  • Número de entradas que muestra el gadget:
Cambiar el número en var numpost = X (X es el número de entradas que queremos mostrar)
  • Incluir o no imagen de cada artículo:
Si no queremos que el gadget muestre imágenes de cada artículo modificamos el siguiente código: var showpostthumbnails = true (cambiamos el valor true por false).

  • Incluir un resumen del artículo:

Para que el gadget no muestre el resumen de cada artículo modificamos el siguiente código: var showpostsummary = true (cambiamos el valor true por false).

 

Paso 9: Finalmente salvamos el gadget y lo arrastramos hasta la posición en que queremos mostrar la lista de artículos en el sitio.