dimanche 28 avril 2013

Un titre qui prend des libertés... sur BlogNotes


J'ai parlé déjà deux fois de mes titres "qui prennent des libertés" avec le HTML de Blogger... (Voir messages précédents).

Je l'ai fait sur ce blog. Voir le titre en haut de page.

  • Comme je suis un peu fainéant aujourd'hui, je me suis contenté de faire une capture de mon ancien titre (sur toute la largeur), 
  • je l'ai retravaillé rapidement avec Photofiltre avec des angles arrondis et de la transparence.
  • J'ai ensuite uploadé cette image sur un de mes blogs d'essai et pris l'URL de l'image (par la suite, j'ai utilisé l'URL de l'image de ce message).
  • J'ai rajouté un lien à cette image avec FCKeditor
  • J'ai fait une sauvegarde de mon modèle (on est jamais assez prudent! même si cette manip' ne comporte quasiment aucun danger.)
  • J'ai ouvert le HTML de mon blog dans modèle>Modifier le html
  • J'ai collé le code aprés la ligne de <body... Enregistrer puis vérifier que tout est bien.
  • Ensuite, j'ai supprimé le titre d'origine. Voir la manip' au début de ce message: 

    Un titre qui prend des libertés...


Voici le code et son emplacement (j'utilise la balise <!-- commentaires--> à supprimer avant de coller le code...)


....</head>

  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

   <!-- aligner l'image au centre--> <p style='text-align: center;'>
 <!-- lien vers Blognotes dans la même page--> <a href='http://blogtricker.blogspot.com/' target='_self'> <!-- code de l'image--> <img alt='Blognote' src='http://2.bp.blogspot.com/-0pfffrYo4yQ/UX1R2KEZKcI/AAAAAAAAG4o/5EbOMiQ3kOw/s1600/titreblognote.png' style='width: 1018px; height: 163px;' <!-- title=bulle qui apparaît quand on survole le lien--> title='HOME-ACCUEIL'/></a></p>

  <div class='body-fauxcolumns'>....

Il est donc placé juste après la ou les lignes commençant par <body . Je n'ai pas eu besoin cette fois de placer un <br/> avant, un espace correct entre l'image et le haut de la page s'étant créé tout seul.


Je reconnais que cela n'apporte pas grand-chose sur ce blog, c'est seulement pour la démonstration. Mais dans deux de mes autres blogs, cela apporte un plus non négligeable: http://nbbc-met.blogspot.fr/ et http://studio-st-martin-antilles.blogspot.fr/

Aucun commentaire:

Enregistrer un commentaire