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)

9 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
  4. Buenas, tengo un problema le pongo el gadget agarra pero cuando le pongo mi dirección no agarra

    ResponderEliminar
  5. Teodorus ya se lo que ocurrió en tu blog y ahora mismo en mi blog lo de no seguro es lo de ultimas entradas publicadas que por lo que veo a contagiado tu blog y ahora mismo me dice Google Chrome que es peligroso seguramente tendrás algo mas que haya contagiado tu blog de ladrones que roban tu información y te ponen amenazas y malware directamente debes de quitar esta entrada y lo de ultimas entradas publicadas yo tengo un antivirus que se llama Avast Free Antivirus que es una aplicación que se descarga por intertet y te protege el PC. Adios Teodorus, haz lo que te he dicho

    ResponderEliminar
  6. no quiero que tengas un virus extraído desde internet

    ResponderEliminar
  7. Teodorus, en Microsoft Store hay una extensión llamada Avast Online Security que te protege en internet y cuando pone un tic ✔ es que la pagina es fiable, el signo de exclamación ❕ es que no es muy fiable la pagina y cuando está la ✖ Amarilla es que no es fiable y la ❌ roja es que no es seguro

    ResponderEliminar
  8. HOLA GRACIAS POR TU VIDEO, PUDE PONER LAS ENTRADAS Y LO MEJOR DE TODO QUE NO SE COMO HISE PERO SE ALINEARON, CLARRO QUE DEJE ACTIVADO LOS COMENTARIO PARA QUE FUNSIONE. BUENO LOS INVITO A MI BLOGGER A QUE ME SIGUAN

    ResponderEliminar