dimanche 13 juillet 2008
Afficher au hasard un billet sur blogger
Une astuce sympa pour afficher au hasard un billet et surtout facile à mettre en œuvre sur votre blog blogger.Ça peut être pratique ... plutôt fun si vous avez une archive conséquente.
Allez dans votre Tableau de bord > Mise en page > Modifier le code HTML.
Cherchez la balise (CTRL-F)
</head>
Copiez et collez le code juste avant la balise
UPDATE 25/09/08: le code est modifié !
<script type='text/javascript'>
//<![CDATA[
function showLucky(root){
var feed = root.feed;
var entries = feed.entry || [];
var entry = feed.entry[0];
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == "alternate") {
window.location = entry.link[j].href;
}
}
}
function fetchLuck(luck){
script = document.createElement('script');
script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
}
function readLucky(root){
var feed = root.feed;
var total = parseInt(feed.openSearch$totalResults.$t,10);
var luckyNumber = Math.floor(Math.random()*total);
luckyNumber++;
fetchLuck(luckyNumber);
}
function feelingLucky(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readLucky';
document.getElementsByTagName('head')[0].appendChild(script);
}
//]]>
</script>
//<![CDATA[
function showLucky(root){
var feed = root.feed;
var entries = feed.entry || [];
var entry = feed.entry[0];
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == "alternate") {
window.location = entry.link[j].href;
}
}
}
function fetchLuck(luck){
script = document.createElement('script');
script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
}
function readLucky(root){
var feed = root.feed;
var total = parseInt(feed.openSearch$totalResults.$t,10);
var luckyNumber = Math.floor(Math.random()*total);
luckyNumber++;
fetchLuck(luckyNumber);
}
function feelingLucky(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readLucky';
document.getElementsByTagName('head')[0].appendChild(script);
}
//]]>
</script>
Il ne reste plus qu'à placer ce code où vous souhaitez avoir le lien.
<a href="#random" onclick="feelingLucky()" title="Billet au hasard!">Au hasard!</a>
Bien entendu, ce lien peut être paramétré comme bon vous semble.
Enregistrer le modèle et admirez ;)
Source phydeaux3
tOiN0U @ 02:00
Bonsoir, ça marchait impecc jusqu'à hier. Mais depuis ce matin, lorsqu'on clique sur le lien, Blogger renvoie vers un fil RSS de commentaires.
Mon adresse : http://geneprovence.blogspot.com
Comment peut-on régler ce problème ? Merci beaucoup.
Salut Jean-Marie, merci pour le feedback, j'ai changé le code. Il fonctionne désormais.
A bientôt, Antoine
Génial, ça marche nickel à nouveau ! Merci tOiNOU !
De rien ! :)
Merci d'avoir modifié le code :)
Et puis bravo pour tout tes hack sur Blogger.
Salut et Merci Mister aiR :)
Sympa le design de sloupf !
Ça fonctionne très bien, malgré quelques difficultés à intégrer le code à l'intérieur du code de blogspot. Il faut quelques essais.
Merci.
Longue vie!
Merci Bluesdeville :)
Nickel, je venais juste de constater que cela ne fonctionnait plus, un grand merci !
De rien Acouphene :)
Enregistrer un commentaire
Ce billet vous a plu ?
Aucun backlink
Cliquez-ici pour créer un backlink / rétrolien ...