samedi 1 juin 2013

Heure locale et numéro du post en haut du blog

Ajout: Attention! Je me suis mal expliqué: ce script permet seulement d'afficher le nombre total de messages et non pas des les numéroter. Si vous allez par exemple sur le 15 e message de votre blog, il affichera toujours 654 si c'est là le nombre total de messages. Je n'ai donc résolu ce problème qu'à moitié... J'ai donc dû modifier "bulletin #" par "Nombre de messages".

Il s'agissait pour moi d'afficher automatiquement à la fois l'heure locale et le numéro du message (bulletins météo) sur mes deux mini-blogs jumeaux Meteo http://meteo-weather3.blogspot.fr et http://nbbc-met.blogspot.fr/. Ces deux texte sont par ailleurs sur la même ligne juste au-dessus et en dehors du corps du blog. Ci-dessous une capture:



J'ai trouvé le code indiquant le numéro de message sur modifier-les-modeles-de-blogger.blogspot.fr mais j'ai dû le modifier pas mal car il m'affichait par exemple 650 messages au lieu de 65 et son look n'était pas très appétissant! J'ai déjà commencé par supprimer le code en gris qui concernait les commentaires et qui était apparemment à l'origine du faux résultat. J'ai bien sûr modifié le CSS, les couleurs, supprimé les bordures et modifié bien d'autres choses. Je l'ai rendu transparent avec background: #00000; 

Attention! pour la transparence, c'est 5 zéros et non pas 6 comme le noir (#000000) ...

Voici le code d'origine:

<script style='text/javascript'>function nombre(json) {document.write(parseInt(json.feed.openSearch$totalResults.$t,10));}</script><div style="color: #000;background: #ddd;width:220px;text-align:center;margin-left:20px;padding:3px;border-right:solid #000 1px;border-bottom:solid #000 1px;font-weight: bold;font-family: arial;font-size: large;">Sur ce site : <script src='http://modifier-les-modeles-de-blogger.blogspot.com/feeds/posts/default?alt=json-in-script&callback=nombre'></script> articles et <script src='http://modifier-les-modeles-de-blogger.blogspot.com/feeds/comments/default?alt=json-in-script&callback=nombre'></script> commentaires</div>

Pour le placer à cet endroit atypique, j'ai dû insérer le code juste après
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Le code a été recodé préalablement avec http://jean-louis.pierre.pagesperso-orange.fr/Crypter-le-HTML.htm car Blogger ne voulait pas l'enregistrer. J'ai dû aussi changer  <script language=JavaScript> par <script language="javascript" type="text/javascript">, car là non plus, Blogger ne voulait rien entendre...

Ce code contient un tableau d'une ligne et deux colonnes, l'iframe "timeanddate.com" (première colonne) et le script pour récupérer et afficher le numéro du bulletin (dans la deuxième colonne).

En noir, les éléments du tableau et en bleu, l'iframe et le script (avant recodage).

<table align="center" border="0" cellpadding="1" cellspacing="1" style="width: 690px;">
<tbody>
<tr>
<td style="vertical-align: middle; width: 80px;">
<span style="color:#e6e6fa;"><span style="font-size: 14px;"><em><span style="font-size: 14px;">Local time:</span></em></span></span></td>
<td style="vertical-align: middle; width: 520px;">
<iframe align="bottom" allowtransparency="true" frameborder="0" height="18" scrolling="no" src="http://free.timeanddate.com/clock/i24nk0go/n1315/tlfr2/fcfff/tct/pct/ahl/ftb/tt0/tw1/ta1" width="289">&amp;amp;amp;lt;/td&amp;amp;amp;gt; &amp;amp;amp;lt;/tr&amp;amp;amp;gt; &amp;amp;amp;lt;/tbody&amp;amp;amp;gt; &amp;amp;amp;lt;/table&amp;amp;amp;gt;&amp;amp;amp;lt;/cke:body&amp;amp;amp;gt; &amp;amp;amp;lt;/cke:html&amp;amp;amp;gt;</iframe></td>
<td style="vertical-align: middle; width: 100px;"><script style='text/javascript'>function nombre(json) {document.write(parseInt(json.feed.openSearch$totalResults.$t,10));}</script><div style="color: #e6e6fa;background: #00000;width:100px;text-align:center;margin-left:0px;padding:0px;font-weight: normal;font-family: arial;font-size: 14px;">Bulletin # <script src='http://meteo-weather3.blogspot.fr/feeds/posts/default?alt=json-in-script&callback=nombre'></script></div>
</td></tr></tbody>
</table>

...ce qui donne ceci une fois recodé (en rouge la modification expliquée plus haut):

<script language="javascript" type="text/javascript"> /* Generated using sourceLocker v1.0 LITE Edition (svetlin@developer.bg, kirokomara@designer.bg) */m='%3Ctable%20align%3D%22center%22%20border%3D%220%22%20cellpadding%3D%221%22%20cellspacing%3D%221%22%20style%3D%22width%3A%20690px%3B%22%3E%0A%09%09%09%3Ctbody%3E%0A%09%09%09%09%3Ctr%3E%0A%09%09%09%09%09%3Ctd%20style%3D%22vertical-align%3A%20middle%3B%20width%3A%2080px%3B%22%3E%0A%09%09%09%09%09%09%3Cspan%20style%3D%22color%3A%23e6e6fa%3B%22%3E%3Cspan%20style%3D%22font-size%3A%2014px%3B%22%3E%3Cem%3E%3Cspan%20style%3D%22font-size%3A%2014px%3B%22%3ELocal%20time%3A%3C/span%3E%3C/em%3E%3C/span%3E%3C/span%3E%3C/td%3E%0A%09%09%09%09%09%3Ctd%20style%3D%22vertical-align%3A%20middle%3B%20width%3A%20520px%3B%22%3E%0A%09%09%09%09%09%09%3Ciframe%20align%3D%22bottom%22%20allowtransparency%3D%22true%22%20frameborder%3D%220%22%20height%3D%2218%22%20scrolling%3D%22no%22%20src%3D%22http%3A//free.timeanddate.com/clock/i24nk0go/n1315/tlfr2/fcfff/tct/pct/ahl/ftb/tt0/tw1/ta1%22%20width%3D%22289%22%3E%26amp%3Bamp%3Bamp%3Blt%3B/td%26amp%3Bamp%3Bamp%3Bgt%3B%20%26amp%3Bamp%3Bamp%3Blt%3B/tr%26amp%3Bamp%3Bamp%3Bgt%3B%20%26amp%3Bamp%3Bamp%3Blt%3B/tbody%26amp%3Bamp%3Bamp%3Bgt%3B%20%26amp%3Bamp%3Bamp%3Blt%3B/table%26amp%3Bamp%3Bamp%3Bgt%3B%26amp%3Bamp%3Bamp%3Blt%3B/cke%3Abody%26amp%3Bamp%3Bamp%3Bgt%3B%20%26amp%3Bamp%3Bamp%3Blt%3B/cke%3Ahtml%26amp%3Bamp%3Bamp%3Bgt%3B%3C/iframe%3E%3C/td%3E%0A%09%09%09%09%09%3Ctd%20style%3D%22vertical-align%3A%20middle%3B%20width%3A%20100px%3B%22%3E%3Cscript%20style%3D%27text/javascript%27%3Efunction%20nombre%28json%29%20%7Bdocument.write%28parseInt%28json.feed.openSearch%24totalResults.%24t%2C10%29%29%3B%7D%3C/script%3E%3Cdiv%20style%3D%22color%3A%20%23e6e6fa%3Bbackground%3A%20%2300000%3Bwidth%3A100px%3Btext-align%3Acenter%3Bmargin-left%3A0px%3Bpadding%3A0px%3Bfont-weight%3A%20normal%3Bfont-family%3A%20arial%3Bfont-size%3A%2014px%3B%22%3EBulletin%20%23%20%3Cscript%20src%3D%27http%3A//meteo-weather3.blogspot.fr/feeds/posts/default%3Falt%3Djson-in-script%26callback%3Dnombre%27%3E%3C/script%3E%3C/div%3E%3C/td%3E%3C/tr%3E%3C/tbody%3E%3C/table%3E';d=unescape(m);document.write(d);</script>

C'est peut-être bizarre, mais là, Blogger l'accepte!

Aucun commentaire:

Enregistrer un commentaire