Cómo poner las últimas entradas de tu blog

CÓMO PONER LAS ÚLTIMAS ENTRADAS DESTACADAS DE TU BLOG

Muchos queremos que aparezcan las últimas entradas de nuestro blog; aquí hay te dejo un código para hacerlo. Copia el código y pégalo en un gadget html/javascript personalizando lo que tú creas conveniente, no te olvides de poner la url de tu blog donde se te pide y no te olvides de la terminación (.com, .es ,.net ...)

<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://PON LA URL DETUBLOG/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>


Cosas que puedes modificar:

• numposts: indica 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)

Read More

Botón de imprimir en tu blog

BOTÓN DE IMPRIMIR EN TU BLOG

Para que la gente pueda imprimir tus entradas lo mejor es poner un botón de imprimir, copia y pega el siguiente código en el gadget html/javascript en el que quieres que aparezca. Hay dos modelos, todo lo que está en rojo se puede cambiar.

1º Modelo (imprimir al darle al texto)

<a href='javascript:window.print()' id='imprimir' title='Imprimir Articulo'>Imprimir</a>

2º Modelo (imprimir al darle a la imagen)

<a href='javascript:window.print()' id='imprimir' title='Imprimir Entrada'><img src="URL de la imagen"/></a>

Te recomiendo que de URL de la imagen pongas está, que es la que tengo yo, 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqgjHCglsRvjFfFEB2mrlVSUc4QNAEtR7t3qiF5jZxXN04jiz3vzsNAs_mdwX4YsciYYAm2duIUoOEw8OGbN-sMa9S40jdKMZpU0dClq93MBsjTYa-TqbC5cLNZiQ8pM9UTxDiBNpN63k/s1600/printer_green_48.png

Read More