Como poner Últimas entradas publicadas



<style type='text/css'>
img.recent_thumb {padding:2px;width:70px;height:70px;border:0;
float:left;margin:5px 10px 10px 0; border: 1px solid #ccc;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 100px;margin: 0px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:75px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}
.recent_posts_with_thumbs h4 {
text-transform: uppercase;
font-size: 14px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)

{
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl=d;} else thumburl='http://www.webaholic.co.in/other/no-image.jpg';
}

var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Ene";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Abr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Ago";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dic";document.write('<li class="clearfix">');


if(showpostthumbnails==true)
document.write('<img class="recent_thumb" src="'+thumburl+'"/>');
document.write('<b><h4><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b></h4>');

    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
    var re = /<\S[^>]*>/g;
    postcontent = postcontent.replace(re, "");


if (showpostsummary == true) {

      if (postcontent.length < numchars) {
          document.write('<i>');
         document.write(postcontent);
          document.write('</i>');}
      else {
          document.write('<i>');
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write(postcontent + '...');
          document.write('</i>');}
}

var towrite='';var flag=0;
document.write('<br><strong>');

if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+' - '+cdday+' - '+cdyear;flag=1;}

if(showcommentnum==true)
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='0 Comments') commenttext='0 comentarios';
if(commenttext=='1 Comment') commenttext='1 comentario';
commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}

if(displaymore==true)
{
if (flag==1) towrite=towrite+' | ';
towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Más</a>';
flag=1;
;
}

document.write(towrite);

document.write('</strong></li>');
if(displayseparator==true)
if (i!=(numposts-1))
document.write('');
}document.write('</ul>');

}
//]]>
</script>
<script style='text/javascript'>
var numposts = 3;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 75;</script>
<script src='http://PONTUBLOG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>


Cosas que puedes modificar:


  • numpostsindica el número de posts que se muestran.
  • numchars: indica el número de caracteres de los resúmenes.
En las siguientes opciones puedes poner “true” para habilitarlo o “false” deshabilitarlo:
  • showpostthumbnails: muestra miniaturas de imagen. ( si pones true si lo muestra, false no)
  • displaymore: muestra el enlace “Más”. ( si pones true si lo muestra, false no)
  • displayseparator: muestra una línea de separación entre cada ítem. ( si pones true si lo muestra, false no)
  • showcommentnum: muestra el número de comentarios que tiene esa entrada.( si pones true si lo muestra, false no)
  • showpostdate: muestra la fecha de cada post. ( si pones true si lo muestra, false no)
  • showpostsummary: muestra un resumen de cada post. ( si pones true si lo muestra, false no)

4 comentarios:

  1. ¿Hay alguna manera en el que podamos cambiar el aspecto del gadget? Como por ejemplo, cambiarle las letras cursivas que nos sale por defecto en la descripción de cada entrada. Intenté hacerlo a través de la plantilla, pero no me deja y es algo que me inquieta bastante... Gracias por vuestro tiempo!

    ResponderEliminar
    Respuestas
    1. Hola pandora. Efectivamente, se hace desde plantilla, no te deja cambiar eso o no te deja cambiar nada desde alli?

      Eliminar
  2. Hay alguna manera de alinear las últimas entradas por columnas, para que no coja tanto largo de página? Gracias

    ResponderEliminar
  3. Este es el casi me funciona, estuvo cerca, lo único que falla y no hay ninguna explicación de como solucionar es que no se alinean las entradas, es decir, aparecen como si fueran zigzag, una para la derecha y otra para la izquierda y se ven horribles, por lo visto eso es algo que no tiene solución, ya que, tanto en tu vídeo como en este mismo blog, las entradas aparecen igual. Gracias de todas maneras, seguiré buscando.

    ResponderEliminar

Related Posts Plugin for WordPress, Blogger...