searchSubmit : Bouton de recherche (V2 variantes) - Blogger XML Documentation

Extrait de la documentation personnelle de
Blogger - searchSubmit [BlogSearch GV2 Markup]
Description de l'inclusion
searchSubmit est le nom d'une inclusion dans le gadget BlogSearch. Ces variantes sont spécifiques aux thèmes Contempo, Emporio, Essential, Notable et Soho et écrasent le balisage original dans l'éditeur XML.
Directives d'usage et niveau de priorité de mise à jour
Thème Version 1
Garantie d'usage : Aucune
Aucune priorité
Thème Version 2
Garantie d'usage : Aucune
Aucune priorité
Thème Dynamique
Garantie d'usage : Aucune
Aucune priorité
Thème Version 3
Garantie d'usage : Oui
Priorité haute
Balisage original
Existe.

Disponibilité des variantes de l'inclusion

Thèmes FrontEnd BackEnd
Original Original Original+
Contempo Theme Original+
Emporio Theme Original+
Essential Theme Original+
Notable Theme Original+
Soho Theme Original+
Afficher le balisage original
Légende :
  • Original : Balisage original
  • Original+ : Balisage original (super)
  • Theme : Balisage spécifique au thème
  • Inexistant : Balisage inexistant

Balisage dans Contempo & Essential

Cette variante est quasi identique au balisage original. Seule une classe est ajoutée à la balise du bouton.

Le code XML

<b:includable id='searchSubmit'>
  <input class='search-action flat-button' expr:value='data:messages.search.escaped' type='submit'/>
</b:includable>

Les nœuds parents

Balisage dans Emporio

La bouton est remplacé par un icône SVG si le gadget est placé dans l'entête. Dans le cas contraire c'est le balisage original qui reprend le relais.

Le code XML

<b:includable id='searchSubmit'>
  <b:if cond='data:widget.sectionId == "search_top"'>
    <label class='search-submit-container'>
      <input type='submit'/>
      <b:include data='{ iconClass: "touch-icon search-icon" }' name='searchIcon'/>
    </label>
    <b:else/>
    <b:include name='super.searchSubmit'/>
  </b:if>
</b:includable>

Les nœuds parents

Balisage dans Notable

Pratiquement identique à Emporio. Seules les classes sont modifiées.

Le code XML

<b:includable id='searchSubmit'>
  <b:if cond='data:widget.sectionId == "search_top"'>
    <label class='search-submit'>
      <input type='submit'/>
      <div class='flat-icon-button ripple'>
        <b:include data='{ iconClass: "search-icon" }' name='searchIcon'/>
      </div>
    </label>
    <b:else/>
    <b:include name='super.searchSubmit'/>
  </b:if>
</b:includable>

Les nœuds parents

Balisage dans Soho

Pratiquement identique à Emporio. Seules les classes sont modifiées.

Le code XML

<b:includable id='searchSubmit'>
  <b:if cond='data:widget.sectionId == "search_top"'>
    <label>
      <input type='submit'/>
      <b:include data='{ iconClass: "touch-icon search-icon" }' name='searchIcon'/>
    </label>
    <b:else/>
    <b:include name='super.searchSubmit'/>
  </b:if>
</b:includable>

Les nœuds parents

Source & contribution

Google PE Program
Équipe Blogger/Experts Produit Blogger

Classifications, corrélations & échantillonnages

Soraya Lambrechts

Dernière mise à jour

Licence

Ce contenu est protégé par la licence CC BY-NC-ND 4.0

🛈 Info

Il arrive fréquemment que nos contenus soient reproduits sans autorisation. Si vous avez trouvé cette fiche ailleurs, nous vous recommandons vivement de consulter Blogger Code PE pour bénéficier de la version originale, à jour et vérifiée.

Spotlight

La balise TITLE sur Blogger

Image
Histoire, bonnes pratiques, optimisation SEO et conseils avancés ! Découvrez dans ce dossier complet comment maîtriser parfaitement la balise <title> sur votre blog Blogger : de ses origines historiques à son rôle crucial en référencement naturel (SEO), en passant par les bonnes pratiques actuelles. Apprenez à rédiger des titres efficaces, attractifs, optimisés pour Google et l'expérience utilisateur, tout en évitant les erreurs fréquentes. Un guide incontournable pour améliorer votre visibilité et propulser votre blog Blogger au sommet des résultats de recherche !
En savoir plus ➤

Populaires cette semaine