Articles affichés par libellés

Voici une astuce de Hoctro pour afficher les titres de ses articles groupés par libellés sur votre colonne latérale.

Prendre le code et allez le coller dans votre modèle dans la colonne latérale (qui ressemble à ceci <b:section class='sidebar' id='sidebar' preferred='yes'>), juste avant la balise </b:section> ou après la balise </b:widget>. Prenez soin de cochez sur “ développer des modèles de gadget avant d’effectuer l’opération

Pretez une attention particulière aux mots mis en gras

A la première ligne, remplacez http://blogger-au-bout-du-doigt.blogspot.com par le nom de votre blog.

var homeUrl2 = " http://blogger-au-bout-du-doigt.blogspot.com ";
var labels = ["Votre libellé n° 1"," Votre libellé n° 2",
" Votre libellé n° 3", " Votre libellé n° 4"," Votre libellé n° 5", " Votre libellé n° 6"];

Remplacez les “Votre libellé n° xx” mis entre guillemets par les libellés dont vous voulez afficher le titre à la colonne latérale de votre blog.

<b:widget id='HTML50' locked='false' title='Contents By Category' type='HTML'>
<b:includable id='main'>
<!-- ****http://hoctro.blogspot.com***Dec,2006** http://blogger-au-bout-du-doigt.blogspot.com *** -->
<!-- <b:if cond='data:blog.pageType == "item"'> -->
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='data2006'/>
<script type='text/javascript'>

var homeUrl2 = " http://blogger-au-bout-du-doigt.blogspot.com ";
var labels = ["Votre libellé n° 1"," Votre libellé n° 2",
" Votre libellé n° 3", " Votre libellé n° 4"," Votre libellé n° 5", " Votre libellé n° 6"];


// Given a json label search, this function return the decoded label.
function getLabelFromURL(json) {
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
// The next two lines are borrowed from Ramani's Neo Template
// code. Thanks Ramani!
var label = raw.substr(raw.lastIndexOf('/')+1);
return decodeURIComponent(label);
}
}
}

function listEntries2(json) {
var ul = document.createElement('ul');

for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}

for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl2.length+21);

var label = getLabelFromURL(json);
var txt = document.createTextNode(label);
var h = document.createElement('h4');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2006').appendChild(div1);
}
}
}

function search2(query, label) {

var script = document.createElement('script');
script.setAttribute('src', 'http://' + query + '/feeds/posts/default/-/' + encodeURIComponent(label) +
'?alt=json-in-script&callback=listEntries2');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

for (var i=0; i < labels.length; i++)
if (labels[i])search2(homeUrl2, labels[i]);
</script>
</div>

<b:include name='quickedit'/>
<!-- </b:if> -->
</b:includable>
</b:widget>

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter
pour rester à jour ou encore  rejoindre ma communauté sur Blogcatolog. N'oubliez pas
d'ajouter ce blog à vos favoris sur Technorati.