Gadget de entradas recientes simple para blogger usando JSON, la función es sencilla lo que hace el Script es leer los últimos artículos del sitio haciendo este pequeño resumen, para implementarlo lo que hay que hacer es ir a diseño agregar un JavaScript HTML y pegar todo este código:
<div id="recientes">
<script src="https://sites.google.com/site/escribiendotrazos/JSescribiendoT.txt">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://lapizycafe.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script>
</div>
<style type="text/css">
#recientes a {
color: #3c9df5;
font-size: 15px;
font-family: "Josefin Sans",sans-serif;
}
#recientes {
color: #777;
font-size: 11px;
padding: 5px;
border: 2px solid #47657f;
border-radius: 5px;
background: #293036;
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw2CU92QndK3VFpzu-n_t0SjRlFusrfQJ6Pd5SVG49d4UNy2TQbnfQ-usUDSALBenMY2RFkqwsW30oBA741FG0gK2z6HU1lKHoFux1McaHqA0cjyhL1FEnQKKtOuVo0hPk5swPyt6hjy0X/s1600/fonox.jpg");
}
</style>
<script src="https://sites.google.com/site/escribiendotrazos/JSescribiendoT.txt">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://lapizycafe.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script>
</div>
<style type="text/css">
#recientes a {
color: #3c9df5;
font-size: 15px;
font-family: "Josefin Sans",sans-serif;
}
#recientes {
color: #777;
font-size: 11px;
padding: 5px;
border: 2px solid #47657f;
border-radius: 5px;
background: #293036;
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw2CU92QndK3VFpzu-n_t0SjRlFusrfQJ6Pd5SVG49d4UNy2TQbnfQ-usUDSALBenMY2RFkqwsW30oBA741FG0gK2z6HU1lKHoFux1McaHqA0cjyhL1FEnQKKtOuVo0hPk5swPyt6hjy0X/s1600/fonox.jpg");
}
</style>
Hay que tener en cuenta el nombre de su sitio, sustituir lo resaltado y agregar su nombre todos los estilos se puede modificar al gusto, el resultado sería algo como esto:
No hay comentarios:
Publicar un comentario