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é ?
Bonjour Rodney,
RépondreSupprimerEffectivement, ce ruban peut avoir plusieurs utilisations possibles. Je conserve cette astuce pour y revenir éventuellement plus tard.
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.
RépondreSupprimerMerci
Lilou-Lolotte
@ Lise : Tiens, tiens, tu as changé de photo.
RépondreSupprimer@ Mademoiselle-Lolotte : C'est surtout à moi de te remercier pour l'astuce qui va profiter aux lecteurs.
Merci Rodney pour ces astuces au quotidien qui me servent beaucoup ! @+
RépondreSupprimerMerci à 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épondreSupprimerGénial!!!! Merci du fond du coeur...
RépondreSupprimerMélusyne
Très pratique pour mettre en avant un lien, un article, une phrase, ce qu'on veut en fait :D
RépondreSupprimermerci pour l'astuce!
Ha c'est super comme truc! Ca fait un moment que je me demande comment ça marche! Merci beaucoup pour le tip!
RépondreSupprimerBravo ! Comme d'habitude et de plus très utile !
RépondreSupprimerMerci :)
Super ce truc ...
RépondreSupprimerJ'fonce le mettre !
Merci Rodney, Merci Melle Lolotte
:D ;)
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épondreSupprimerSalut 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épondreSupprimerSalut Rodney,
RépondreSupprimerJ 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
@ 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épondreSupprimerMerci pour ton explication Rodney, effectivement il faut rajouter /> aprés IMG
RépondreSupprimerPourquoi ce code n'est-il pas inclus d'origine (oui, on est pas tous programmeur html, aprés tout...)
A bientôt
gggg
RépondreSupprimerJ'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épondreSupprimerJ'ai le même souci qu'Audrey...
RépondreSupprimerViens nous en aide stp, ô grand Rodney !
Eh bien j'ai trouvé !!
RépondreSupprimerAudrey, tu peux retirer les balises < div class ="websiteribbon" > et également < /div > et enfin, ajouter < /img > !
Et c'est réglé !