Bienvenue les ami(e)s Bloggers!!! Ici je vous donnes des astuces pour vos blogues. Si vous avez des questions ecrivez moi.

Boutons Entête de page


Sa ma pris 1 mois pour trouver comment  faire enfin. J'ai due faire pleins de test et meme essayer jouer dans le html et en vain et voila maintenant cest faite je peux mettre un crochet dessus lol. J'avais eue des demandes pour ces boutons. Bref, la patience a gagner  hihi.  .  

============================================

Theme/ Fleche en coter Personaliser/ Modifier HTML; Descendez apres la section mobile et vous devrirez voir ceci  ]]></b:skin>  et ce code avant voici un exemple 




Et colle ce code :

/* Header */

#newnavbar ul li{
list-style-type: none;
display:inline;
margin:-2px;
padding:38px;
border:0px solid;
}

========================

1- Mise en page/ Ajouter un Gadget HTML Javascript



2- Faite un choix emplacement comme montre l'exemple ci

3- Clique sur la disquette pour enregistrer le changement.


++++CODE+++
Gadget / HTML Javascript:
<div id='newnavbar'>
<ul>
<li><a href="LIEN 1"><img src="URL de l’image 1"></a></li>
<li><a href="LIEN 2"><img src=" URL de l’image 2"></a></li>
<li><a href="LIEN 3"><img src=" URL de l’image 3"></a></li>
<li><a href="LIEN 4"><img src=" URL de l’image 4"></a></li>
<li><a href="LIEN 5"><img src=" URL de l’image 5"></a></li>
</ul></div>

Pour en ajouter

<li><a href="LIEN "><img src="URL de l’image "></a></li>

========NOTE=============
Le lien est le URL https qui va pour ton bouton exemple livre d'or sa prend le lien qui mene a ton livre d'or.
=========================================
Padding et marginsont l'espacement entre les boutons et exterieur de chaque coter.

31 commentaires:

  1. Coucou
    Génial , c'est tellement plus simple que ce que je faisais , ouvrir un gadget pour chaque lien !
    Je note et je vais tester , merci encore !
    Très bonne journée
    Bisous

    RépondreEffacer
  2. bravos pour cette patience
    merci beaucoup kénavo

    RépondreEffacer
  3. Kikou ma gentille Sorcière
    C'est beaucoup plus simple ta méthode et je t'en remercie.
    Ce matin je me suis amusée à remplir un bouton pour mettre à l'intérieur : bienvenue, musique, articles etc... et il faut à chaque fois naviguer descendre montée avec les gadgets, mais au moins je découvre qu'il y a ta méthode bien plus simple que je viens de voir. Alors mille mercis à toi ma douce amie. Gros bisous

    RépondreEffacer
  4. Re kikou
    Je te parlais des boutons que j'ai mis dans ma colonne de droite, mais toi tu parles des boutons en dessous de la bannière houps pardon me suis trompée.
    J'ai depuis 2016 ces boutons en tête avec accueil, lien ami(e)s et divers etc..... à l'époque en 2016 j'avais trouvé (je ne sais pas si c'est le même code ???) sur les aides de 2016 sur Blogger et ensuite j'ai créé des PAGES. Merci encore pour tout c'est une vraie mine d'or ton blog et toi tu es formidable. Bisous

    RépondreEffacer
    Réponses
    1. Je sais pas de quel code parles tu? Pas compris. Des codes y en existe pleins sur des sites plateforce css java etc.. . J'en es meme creer aussi. Bref, J'ai connue blogger avant ca en 2003 ou 2007 entk cest vieux mais des codes qui fonctionne oui et d'autres pas. Faut essayer et voila

      Effacer
    2. Rekikou gentille Sorcière
      Je parle de mes pages accueil, lien ami(e)s et divers, la Réunion photos etc... ce sont les pages que j'ai faites en-dessous de ma bannière. Le code je ne sais plus et peut-être que tout simplement j'ai utilisé le gadget PAGES et cela s'est mis ensuite avec mes différentes pages sous ma bannière, cela date de 2016 et je n'ai repris mon blog Blogger qu'en Juin 2024 donc il faudrait qu'à l'occasion je regarde dans mon HTML pour voir par rapport à ce que tu as mis; Dans mon premier COM je me suis plantée je t'ai parlé des boutons de ma colonne de droite où j'ai pris un modèle de boutons un peu comme ceux qu'on a sur Eklablog mais sur Eklablog on a pas besoin de taper le titre au milieu, sur Blogger oui. Toi si j'ai bien compris tu parlais des boutons ENTETE DE PAGE donc en créant des pages.
      Courage et merci pour tout. Gros bisous

      Effacer
    3. Sa javais compris mais les Badges? Moi Badge est le profil comme Badge de Google PLus dans le temp qui affichait ton avatar et description. TU vas meler le monde toi avec ca lol

      Effacer
  5. hello pti fée je rejoins fany oui il faut bouger le tous pour avoir un résultat
    et il faut pas se planter c 'est mieux ainsi , la question es ce que cela fait les boutons de la colonne
    menu ? enfin ma colonne de droite chez moi ?
    et aussi pour mettre sous l entete peux ton mettre les amies la liste ?
    l idée serait de faire une grande page que pour mon article et abandonner ma colonne menu
    Donc pour mon blog j aurais besoin de mettre mon profil , formulaire de contact , ma liste d amies ,
    mon dernier article , et ton badge que tu as sur le coté gauche de ton blog
    d ailleurs j 'arrive pas a le mettre mais je vais réessayer merci

    RépondreEffacer
  6. hello pti fée je rejoins fany oui il faut bouger le tous pour avoir un résultat
    et il faut pas se planter c 'est mieux ainsi , la question es ce que cela fait les boutons de la colonne
    menu ? enfin ma colonne de droite chez moi ?
    et aussi pour mettre sous l entete peux ton mettre les amies la liste ?
    l idée serait de faire une grande page que pour mon article et abandonner ma colonne menu
    Donc pour mon blog j aurais besoin de mettre mon profil , formulaire de contact , ma liste d amies ,
    mon dernier article , et ton badge que tu as sur le coté gauche de ton blog
    d ailleurs j 'arrive pas a le mettre mais je vais réessayer merci

    RépondreEffacer
  7. hello pti fée je rejoins fany oui il faut bouger le tous pour avoir un résultat
    et il faut pas se planter c 'est mieux ainsi , la question es ce que cela fait les boutons de la colonne
    menu ? enfin ma colonne de droite chez moi ?
    et aussi pour mettre sous l entete peux ton mettre les amies la liste ?
    l idée serait de faire une grande page que pour mon article et abandonner ma colonne menu
    Donc pour mon blog j aurais besoin de mettre mon profil , formulaire de contact , ma liste d amies ,
    mon dernier article , et ton badge que tu as sur le coté gauche de ton blog
    d ailleurs j 'arrive pas a le mettre mais je vais réessayer merci

    RépondreEffacer
    Réponses
    1. Badge ? J'en es pas ? J'ai pas mis mon profil mais tu peux le faire facielement en 2 etapes. J'utilise un Gadget Image pour mettre mon Avatar et juste en bas j'ajoute un Gadget Texte et j'ecris ma bio. OUi tu peux faire ton blog sans colonne et mettre ton formulaire contact dans une Page et faire ton bouton pour ce rendre direct dessus, Bisous

      Effacer
  8. HELLo pti fée là je suis très ennuyé car j'ai bien retiré mes traits noir qui entourait le chat
    pas de soucis met je suis allée dans HTLM a transformé ou retirer comme j 'ai fait
    et là paf il me met momentané indisponible pour aller sur mon thème et transformer
    dans l idée te mettre en auteur pas de soucis mais il ne veut pas

    L'aperçu du thème est actuellement indisponible.
    et il me donne la fonction
    Mon thème
    custom
    Donc si je te donne ma bt mail et mon https de blog peux tu entrer
    ou il te faut mon mot de passe bt mails en plus ?
    merci je touche a rien je suis dans la merdasse bisous

    RépondreEffacer
    Réponses
    1. Pas besoin tu m'ajoute en Adminitrateur voici mon mail sorcierecorbeau78@gmail.com . Lorsque jaurais valider ton invitation tu pourras m'ajouter en Admin. et je vais te reparer ca. Sinon , tu peux faire un reculons pour canceller ta derniere tache . Je sais pas sil est trop tard mais cette option aurait pu etre utiliser qui permet canceller. C'est dans le Modifier HTML juste en coter icone de Disquette tu as une Fleche clique dessus et sa devrait etre bon et tquand tu as fini tu clique sur disquette pour enregistrer.

      Effacer
    2. Oui si pas le choix meme si jaime pas trop passer par la ...

      Effacer
  9. Une bien zolie méthode aussi merci pour toutes t"ai recherche et nous les partager ,j'avais fait autre chose donc a revoir ;je recherche a mettre une News juste un debut de l article pour mes abonnés a recevoir par mail pas facile enfin je vais encore chercher :lolll bonne fin de journée bises

    RépondreEffacer
  10. Ah oui regarde chez Ghislaine je pense que cest ce que tu recherches pour la new letter?

    RépondreEffacer
  11. Je reviens plus tard, je suis en pleine digestion et je n'ai pas tout compris mdr !
    Merci et bonne journée.

    RépondreEffacer
    Réponses
    1. Je te comprends pour ca pas toujours bon lire avant que commencer en meme temp suivre les etapes. Et prend un eau petillante sa aide pour la digestion. BIsous

      Effacer
  12. Hello !1)Est on obligé d'aller dans le htlm pour mettre les boutons en haut du blog ? Car moi je me suis trompé une fois dans le htlm et j'ai du supprimer le blog et refaire tout ! Depuis je touche plus au htlm.
    2)Dans le code tu met url de l'image ! Et si on veut mettre simplement une couleur ? On met #Black par exemple ???

    RépondreEffacer
    Réponses
    1. POur ca quil est bon avoir un blog essais pour des test sinon fait une sauvegarde de ton blog avant

      Effacer
  13. Hello sorciere-Corbeau- J'ai un blog pour l'instant prive et Il est pas pret parce que je navigue lentement. C'est asse complique ici. Merci pour les conseils. Thank you!

    RépondreEffacer
  14. Coucou les boutons se mettent les uns à côté des autres ou en colonne ??
    Je vais quand même essayer
    Bon week-end biz

    RépondreEffacer
  15. bon dimanche je te lit mais pour moi trés compliqué merci pour ton travail
    bises kénavo

    RépondreEffacer
    Réponses
    1. Tu peux creer un blog d'essais sa coute rien dessayer. Jessaie daller sur ton blog et page noir avec pleins de code desolée

      Effacer

=== EMOJIS === Faite un Copier>coller ====😀😁😂😃😄😅😆😇😈😉😊😋😌😍😎😏😐😑😒😓😔😕😖😗😘😙😛😚😜😝😞😟😠😡😢😣😤😥😦😧😨😩😪😫😬😶😵😴😳😲😱😰😯😮😭😷😸😹😺😻😼😽😾😿🙀🙅🙆🙇🙈🙉🙊🙋🙌🙍🙎🙏☝☺✊✋✌❤👀👂👃👄👎👍👌👋👊👉👈👇👆👅👏👐👤👥👦👧👨👩👪👫👵👴👳👲👱👰👯👮👭👬👶👷👸👹👺👻👼👽👾👿💑💏💋💇💆💅💃💂💁💀💓💔💕💖💗💘💙💚💛💜💨💧💦💥💤💣💢💟💞💝💩💪💫💬💭☕🌰🌱🌲🌳🌴🌵🌷🌸🌹🍃🍂🍁🍀🌿🌾🌽🌼🌻🌺🍄🍅🍆🍇🍈🍉🍊🍋🍌🍍🍗🍖🍕🍔🍓🍒🍑🍐🍏🍎🍚🍛🍜🍝🍞🍟🍠🍡🍫🍪🍩🍨🍧🍦🍥🍤🍣🍢🍬🍭🍮🍯🍰🍱🍲🍳🍴🍵🐁🐀🎂🍼🍻🍺🍹🍸🍷🍶🐂🐃🐄🐅🐆🐇🐈🐉🐊🐋🐌🐍🐎🐏🐐🐑🐒🐓🐔🐕🐖🐗🐘🐙🐚🐛🐜🐝🐞🐟🐠🐡🐢🐣🐤🐥🐦🐧🐨🐩🐪🐫🐬🐭🐮🐯🐰🐱🐲🐳🐴🐵🐶🐷🐸🐹🐺🐻🐼🐽🐾⌚⌛⏰⏳☎⚓✂✉✏🎀🎁👑👒👓👚👛👜👝👞👟👠👡👢👣💄💉💊💌💍💎💐💠💡💣💮💰💱💲💳💸💺💼💽💾💿📀📁📃📄📅📆📇📈📉📊📋📌📍📎📏📐📑📒📓📔📕📖📗📘📙📚📛📜📝📞📟📠📡📢📣📤📥📦📧📨📩📪📫📬📮📯📰📱📵📶📷📹📺📻📼🔋🔌🔏🔑🔒🔔🔔🔕🔖🔗🔦🔧🔨🔩🔪🔫🔬🔭🔭🔮🕐🎃🎄🎅🎈🎉🎊🎋🎌🎍🎎🎏🎐🎑🎒🎓🎠🎡🎢🎣🎤🎥🎦🎧🎨🎩🎪🎫🎬🎭🎮🎯🎰🎱🎲🎳🎴🎵🎶🎷🎸🎹🎺🎻🎼🎽🎾🎿🏀🏁🏂🏃🏄🏆🏇🏈🏉🏊💒♨♻♿⚠⚡⛔⛪⛮⛰⛱⛲⛳⛴⛵⛶⛷⛸⛹⛺⛻⛼⛽⛾✈🏠🏡🏢🏥🏧🏨🏩🏪🏫🏬🏭🏮🏯🏰💈🗻🗼🗽🗾🗿🚀🚁🚂🚃🚄🚅🚆🚇🚊🚋🚌🚍🚎🚏🚐🚑🚒🚓🚔🚕🚖🚗🚘🚚🚙🚛🚜🚝🚞🚠🚢🚤🚥🚦🚧🚨🚩🚪🚫🚬🚭🚮🚲🚶🚷🚸🚹🚺🚻🚽🚿🛀🛁☀☁☃☂☄★☆☔⛄⛅⛆⛇⛈✨🌀🌁🌂🌈🌉🌊🌋🌌🌍🌎🌏🌐🌑🌒🌓🌔🌕🌖🌗🌘🌙🌚🌛🌜🌝🌞🌟🌠🔥☑✅✔✖❌❎❓❔❕❗〰💯🔆🔇🔈🔉🔊🔋🔌🔍🔎🔏🔐🔑🔒🔓🔔🔕🔖🔗🔘🔞🔟🔱--------------------------
Depôt d'image OU lien dans les commentaires vous devez ajouter ce code pour qu'il soit cliquable et ceci de chaque côter < >
============================
a href="URL"> TITRE OU URL </a