Para tenerlo todo organizado y que nuestros lectores puedan encontrar con mayor facilidad los temas de su interés, es para lo que está diseñado este gadget.
Mostraremos las últimas entradas pero por etiquetas, de manera que podamos mostrar cada etiqueta con las miniaturas de dicho elemento.
Para poner en tu blog este
gadget de últimas entradas por etiquetas realizaremos estos sencillos pasos:
1.- Entra en
Diseño | Edición de HTML y antes de:
]]></b:skin> pega lo siguiente:
img.label_thumb{
float:left;
margin-right:10px !important;
height:65px; /* Thumbnail height */
width:65px; /* Thumbnail width */
border: 1px solid #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
padding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:0px;
border-bottom: 1px dotted #999999;
}
.label_with_thumbs li{
list-style: none ;
padding-left:0px !important;
}
.label_with_thumbs a { text-transform: uppercase;}
.label_with_thumbs strong {padding-left:0px; }
2.- Luego antes de
</head> pega este script:
DESCARGAR
3.- Por último entra en
Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript y ahí pega esto:
<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Nonbre de la etiqueta?published&alt=json-in-script&callback=labelthumbs"></script>
numposts = 3 : Cantidad de entradas a mostrar
showpostthumbnails = true: Mostrar imágenes en miniatura (true:si - false:no)
numchars = 100 :Cantidad de texto a mostrar
Nombre de la etiqueta : nombre de la etiqueta a mostrar
Publicaciones Relacionadas
trucos blog
