Un ruban au coin droit de votre blog

By
Advertisement


Sur le site La collection artiste de Lolotte, vous pouvez remarquer un ruban oblique au coin droit avec l'inscription "La collection artiste de Lolotte". Ce genre de barre à mon avis peut servir à beaucoup des choses, comme signaler à ses visiteurs qu'on est en vacance pendant quelque temps (mettre un message du genre "En vacance jusqu'au xxx août") et n'importe quoi que vous aimeriez annoncer à vos visiteurs sans pour autant faire un article pour ça.

J'avais demandé à la Blogmaster comme elle était parvenu à installer ce ruban et elle m'a indiqué le site Free Website Ribbon Generator où il est possible de générer le code nécessaire à l'installation de ruban sur son blog.


Sur le siteFree Website Ribbon Generator , il vous faut :

A) Mettre la phrase qui va apparaître sur le ruban
B) Mettre l'url de la page où vous voulez que le ruban dirige
C) Choisir la police ainsi que sa taille
D) Choisir la couleur de la police
E) Sélectionner un ruban parmi ceux qui sont proposés en cliquant sur le point à côté de celui que vous aimez
F) Aller cliquer sur "Generate" au bas de la page
G) Récuperer le script et aller le mettre dans son blog (juste avant la balise </head> ).

Quelqu'un est-il intéressé ?


19 commentaires:

  1. Bonjour Rodney,
    Effectivement, ce ruban peut avoir plusieurs utilisations possibles. Je conserve cette astuce pour y revenir éventuellement plus tard.

    RépondreSupprimer
  2. Merci Rodney, oui c'est une bonne idée de faire des annonces avec le ruban, sans compter que à chaque ruban fait, cela permet à quelques visiteurs de découvrir nos blogs à partir du site Ribbon Generator, je pense qu'il ne faut pas hésiter à faire circurler leur lien.
    Merci
    Lilou-Lolotte

    RépondreSupprimer
  3. @ Lise : Tiens, tiens, tu as changé de photo.
    @ Mademoiselle-Lolotte : C'est surtout à moi de te remercier pour l'astuce qui va profiter aux lecteurs.

    RépondreSupprimer
  4. Merci Rodney pour ces astuces au quotidien qui me servent beaucoup ! @+

    RépondreSupprimer
  5. Merci à Rodney pour ces astuces toujours incroyables et surtout bien utiles. Je suis tombé sous le charme de ce code bien sympathique qui m'a permis d'afficher moi aussi un ruban sur mon blog ! Que ferions-nous sans blogger-au-bout-du-doigt ??? Je suis toujours heureux d'y découvrir des astuces et d'apprendre ce qui permet d'avancer. (°@°)

    RépondreSupprimer
  6. Génial!!!! Merci du fond du coeur...
    Mélusyne

    RépondreSupprimer
  7. Très pratique pour mettre en avant un lien, un article, une phrase, ce qu'on veut en fait :D
    merci pour l'astuce!

    RépondreSupprimer
  8. Ha c'est super comme truc! Ca fait un moment que je me demande comment ça marche! Merci beaucoup pour le tip!

    RépondreSupprimer
  9. Bravo ! Comme d'habitude et de plus très utile !
    Merci :)

    RépondreSupprimer
  10. Super ce truc ...
    J'fonce le mettre !
    Merci Rodney, Merci Melle Lolotte

    :D ;)

    RépondreSupprimer
  11. j'adore ce blog, je n'ai pas tjrs le temps de tout lire ou de tout utiliser mais je le lis avec bonheur!!!

    RépondreSupprimer
  12. Salut Rodney! Merci pour toutes tes astuces! Là par contre je suis frustrée: mon bandeau ne s'affiche pas sur mon blog... J'insère le code avant la balise < head > et rien... aucun changement. J'ai tenté de l'insérer ailleurs (un peu au hasard je te l'avoue) mais le bandeau n'est jamais apparu. Je te précise au passage qu'il n'est pas blanc sur blanc hein! ;) Merci de tes conseils!

    RépondreSupprimer
  13. Salut Rodney,

    J ai tenté le truc et en l inserant avant /head j ai le message d erreur suivant :
    Votre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés.
    Message d'erreur XML : The element type "img" must be terminated by the matching end-tag "".

    j avoue ne pas comprendre. As tu une idée ? merci

    RépondreSupprimer
  14. @ Rock'AssDick : Le problème vient d'un code pour image. Fait CTRL+F et met "img" afin que ton navigateur cherche l'emplacement de ce code dans ton modèle. tu verra qu'avant "img" ce trouve un < normalement c'est le truc qui ouvre le code. Il doit donc y avoir un > de fermeture. Juste avant celui-ci met / et ce sera bon.

    RépondreSupprimer
  15. Merci pour ton explication Rodney, effectivement il faut rajouter /> aprés IMG
    Pourquoi ce code n'est-il pas inclus d'origine (oui, on est pas tous programmeur html, aprés tout...)
    A bientôt

    RépondreSupprimer
  16. J'ai ajouté comme dit /> après IMG et.. "Votre modèle n'est pas valide, car la balise "div" s’affiche dans la balise "head". Error 500" Rien compris..

    RépondreSupprimer
  17. J'ai le même souci qu'Audrey...
    Viens nous en aide stp, ô grand Rodney !

    RépondreSupprimer
  18. Eh bien j'ai trouvé !!
    Audrey, tu peux retirer les balises < div class ="websiteribbon" > et également < /div > et enfin, ajouter < /img > !
    Et c'est réglé !

    RépondreSupprimer

Salut Cher Lecteur.

Bien que les commentaires ne sont pas modérés en amont, ne perdez pas votre temps à mettre des commentaires sans aucun lien avec l'article. Ils seront effacés.

Ne venez surtout pas mettre des commentaires bidons pour promouvoir les sciences occultes ici (voyance, magie, etc.), vérifiez le blog, aucun commentaire de ce genre n'a résisté à la gomme de l'administrateur.

Bon, ceci étant dit, puissiez-vous respecter les lois de votre pays, les lois universelles ainsi que le bon sens en postant votre commentaire sur ce blog.

Remarque : Seul un membre de ce blog est autorisé à enregistrer un commentaire.

@ Blogger au bout du doigt. Fourni par Blogger.

SEO & REFERENCEMENT