Tutti i post di una Etichetta mostrati in un Widget

Andate su Layout > Aggiungi un gadget > HTML/Javascript  e incollate questo codice

<style>

#contenitore{border:1px solid #666;width:100%;margin:0 auto}

#el_box{margin:0px}

.elementi{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}

.elementi img{background:#aaa;padding:4px;float:left;height:70px;margin-right:8px;width:70px}

.elementi h6,.elementi h6 a{font-size:14px!important;margin:0;color:#111}

.elementi:hover{background-color:#afe5f3;}

.elementi p{font:12px Georgia; text-align:justify;color:#555;line-height:14px;margin:5px 0}

#caricamento{color:#888;font-family:Georgia;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#262626url(https://lh5.googleusercontent.com/-0dKuTXHaBgU/Uyn6y4kXYjI/AAAAAAAAmVU/qW-_OdYVqF0/s300-no/ajax_loader.gif) no-repeat 50% 50%;height:470px;border:1px solid #afe5f3;}

#navigazione{border:1px solid #d4d4d4;color:#bbb;font-family:Georgia;font-size:12px;text-align:center;margin:0px}

#navigazione:hover{background-color:#d4d4d4;}

#navigazione a{color:#262626!important;font-family:Georgia!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}

#navigazione span{padding:5px 10px}

#navigazione .next{float:right}

#navigazione .previous{float:left}

#navigazione .home{text-align:center}

#navigazione a:hover,#navigazione span.noactived{color:transparant!important}

</style>

<script type=’text/javascript’>

//<![CDATA[

var numfeed = 5;

var startfeed = 0;

var urlblog = “http://demo-parsifal32.blogspot.com”;

var characnumber = 90;

var urlprevious, urlnext;

function maskolisfeed(johny,banget){

var showfeed = johny.split(“<“);

for(var i=0;i<showfeed.length;i++){

if(showfeed[i].indexOf(“>”)!=-1){

showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(“>”)+1,showfeed[i].length);

}

}

showfeed = showfeed.join(“”);

showfeed = showfeed.substring(0,banget-1);

return showfeed;

}

function mostrapost(json) {

var entry, posttitle, posturl, postimg, postcontent;

var showblogfeed = “”;

urlprevious = “”;

urlnext = “”;

for (var k = 0; k < json.feed.link.length; k++) {

if (json.feed.link[k].rel == ‘previous’) {

urlprevious = json.feed.link[k].href;

}

if (json.feed.link[k].rel == ‘next’) {

urlnext = json.feed.link[k].href;

}

}

for (var i = 0; i < numfeed; i++) {

if (i == json.feed.entry.length) { break; }

entry = json.feed.entry[i];

posttitle = entry.title.$t;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == ‘alternate’) {

posturl = entry.link[k].href;

break;

}

}

if (“content” in entry) {

postcontent = entry.content.$t;

} else if (“summary” in entry) {

postcontent = entry.summary.$t;

} else {

postcontent = “”;

}

if (“media$thumbnail” in entry) {

postimg = entry.media$thumbnail.url;

} else {

postimg = “https://lh5.googleusercontent.com/-CQ9_FmDG2nY/UynxZ68NKBI/AAAAAAAAmVA/WF03wZqixTY/s300-no/no-immagini.jpg”;

}

showblogfeed += “<div class=’elementi’>”;

showblogfeed += “<a href='” + posturl + “‘ target=’_blank’><img src='” + postimg + “‘ /></a>”;

showblogfeed += “<h6><a href='” + posturl + “‘>” + posttitle + “</a></h6>”;

showblogfeed += “<p>” + maskolisfeed(postcontent,characnumber) + “…</p>”;

showblogfeed += “</div>”;

}

document.getElementById(“el_box”).innerHTML = showblogfeed;

showblogfeed = “”;

if(urlprevious) {

showblogfeed += “<a href=’javascript:feed_nav(-1);’ class=’previous’> Post precedenti</a>”;

} else {

showblogfeed += “<span class=’noactived previous’> Post precedenti</span>”;

}

if(urlnext) {

showblogfeed += “<a href=’javascript:feed_nav(1);’ class=’next’>Post successivi </a>”;

} else {

showblogfeed += “<span class=’noactived next’>Post successivi </span>”;

}

showblogfeed += “<a href=’javascript:feed_nav(0);’ class=’home’>Inizio</a>”;

document.getElementById(“navigazione”).innerHTML = showblogfeed;

}

function feed_nav(url){

var p, parameter;

if(url==-1) {

p = urlprevious.indexOf(“?”);

parameter = urlprevious.substring(p);

} else if (url==1) {

p = urlnext.indexOf(“?”);

parameter = urlnext.substring(p);

} else {

parameter = “?start-index=1&max-results=” + numfeed + “&orderby=published&alt=json-in-script”

}

parameter += “&callback=mostrapost”;

incluirscript(parameter);

}

function incluirscript(parameter) {

if(startfeed==1) {removerscript();}

document.getElementById(“el_box”).innerHTML = “<div id=’caricamento’></div>”;

document.getElementById(“navigazione”).innerHTML = “”;

var archievefeed = urlblog + “/feeds/posts/default/-/etichetta”+ parameter;

var el_box = document.createElement(‘script’);

el_box.setAttribute(‘type’, ‘text/javascript’);

el_box.setAttribute(‘src’, archievefeed);

el_box.setAttribute(‘id’, ‘Ip_etichette’);

document.getElementsByTagName(‘head’)[0].appendChild(el_box);

startfeed = 1;

}

function removerscript() {

var elemen = document.getElementById(“Ip_etichette”);

var parent = elemen.parentNode;

parent.removeChild(elemen);

}

onload=function() { feed_nav(0); }

//]]>

</script>

<div id=”el_box”></div>

<div id=”navigazione”></div>

loading...

Salvate e posizionate il widget. Le personalizzazioni più importanti sono le seguenti:

  1. Post precedenti, Post successivi Inizio possono essere sostituiti da altre espressioni

  2. I codici dei colori possono essere adattati al nostro layout. Ricordo che #afe5f3 è il colore di un singolo elemento quando viene puntato dal mouse

  3. La famiglia di font Georgia può essere cambiata in una o in tutte le sue occorrenze

  4. Ci sono due URL di immagini che riguardano la GIF di caricamento e l’indirizzo dellaimmagine di default che viene mostrata quando non ve ne siano nel post.

  5. La miniatura ha dimensioni  height:70px width:70px che possono essere cambiate

  6. var numfeed = 5; determina il numero di post da mostrare

  7. var urlblog = “http://demo-parsifal32.blogspot.com” è l’URL del blog e rappresenta ilparametro più importante. Ricordarsi di usare il .com invece del localizzato .it

  8. var characnumber = 90; configura il numero dei caratteri da mostrare nello snippet.

  9. Al posto di etichetta va inserito il nome della etichetta di cui vogliamo mostrare i post.

Tutti i post di una Etichetta mostrati in un Widget
Vota questo articolo
loading...

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *