Après mon article précédent sur la façon de modifier la largeur de différentes sections de votre site (ou blog), je vous donne aujou...
Après mon article précédent sur la façon de modifier la largeur de différentes sections de votre site (ou blog), je vous donne aujourd'hui une autre grande chose pour votre site web. je vais vous parler de blog. Dans ce tuto tu vas apprendre comment parvenir à intégrer un bandeau qui prévient à tes lecteurs que ton blog utilise des cookies (il parait que c'est devenu obligatoire). J'ai fait ce tuto pour blogger, mais je pense qu'il peut facilement ce transposer sur d'autres plateformes.
Etape 1
Le plus important, c'est de sauvegarder votre template au cas où vous vous êtes planté quelques parts.
Puis tu dois aller dans ton code HTML en passant par ce chemin: Modèle /Modifier le code HTML. (Pour les autres plateformes, il suffit de suivre le chemin adapté)
Etape 2
Tu dois rechercher la ligne </body>, ( pour le trouver fait ctrl + F sur ton clavier )
Ps: Si ces photos te semblent très petite, alors cliques dessus pour montrer en plein écran
Etape 3
Copie-coller le code ci-dessous juste au-dessus de </body>
< div id='barritaloca' style='display:none;position:fixed;center:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #FEA7B0;color:#ffffff;z-index: 99999;'> <div style='width:100%;position:absolute;padding-left:5px;font-family:verdana;font-size:12px;top:30%;'><div style='text-align: center;'> Mon blog utilise des cookies pour améliorer votre navigation. En continuant votre navigation, vous en acceptez l'utilisation <a href='javascript:void(0);' onclick='PonerCookie();' style='padding:4px;background:#FFC3DB;text-decoration:none;color:#fff;'><b≶OK</b></a> <a href='https://www.google.com/intl/fr_fr/policies/technologies/types/' style='padding-left:5px;text-decoration:none;color:#ffffff;' target='_blank'>En savoir plus</a> </div> </div≶ </div> <script> function getCookie(c_name){ var c_value = document.cookie; var c_start = c_value.indexOf(" " + c_name + "="); if (c_start == -1){ c_start = c_value.indexOf(c_name + "="); } if (c_start == -1){ c_value = null; }else{ c_start = c_value.indexOf("=", c_start) + 1; var c_end = c_value.indexOf(";", c_start); if (c_end == -1){ c_end = c_value.length; } c_value = unescape(c_value.substring(c_start,c_end)); } return c_value; } function setCookie(c_name,value,exdays){ var exdate=new Date(); exdate.setDate(exdate.getDate() + exdays); var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString()); document.cookie=c_name + "=" + c_value; } if(getCookie('aviso')!="1"){ document.getElementById("barritaloca").style.display="block"; } function PonerCookie(){ setCookie('aviso','1',365); document.getElementById("barritaloca").style.display="none"; } </script>
Vous n'arrivez pas à copier le code ?
ne vous paniquez pas, je viens de générer un lien pour vous. Mais sachez que vous aurez à passer une annonce comme celle-ci
avant d'être rediriger sur le lien de téléchargement.
avant d'être rediriger sur le lien de téléchargement.
Voici l'image après avoir coller le code !!
Etape 4
Pour changer les différentes couleurs qui compose le bandeau, il te suffit de trouver les mots correspondants ( background ou color). Je te conseille d'aller sur le site web de kanzaki pour trouver la couleur que tu souhaite, ensuite il faut copier le chiffre après le # de la couleur correspondante et le mettre au bon endroit:
Ensuite, il ne te reste plus qu'a faire un aperçu, et si cela te convient, tu n'as plus qu'a enregistrer les modifications!
Voila, j’espère avoir été assez claire, si tu as un problème, n'hésites pas à laisser un commentaire!
Plus d'articles de ce type, ça vous plairais ?
COMMENTAIRES