Le formulaire du gadget Ajouter à Blogger [AddToBlogger]

Blogger - Fiche technique du bouton Add To Blogger
Add To Blogger (en français Ajouter à Blogger) est un bouton qui permet aux internautes d'installer depuis un blog/site-tiers, un gadget sur leur blog Blogger. Ce gadget est ni plus ni moins qu'un gadget HTML/JS dont le contenu n'est pas édité par l'équipe Blogger.

Les réglages de la page d'installation

Lorsque vous cliquez sur un bouton Add2Blogger dans un blog/site tiers, vous êtes directement orienté vers la page d'installation Blogger.
Cette page vous permet entre autres, de consulter/modifier le(s) code(s) du gadget, de sélectionner le blog dans lequel vous voulez ajouter ce gadget, etc...

Option Description Aperçu de la page d'installation
Sélectionner un blog Si vous êtes connecté à blogger.com, le menu déroulant contiendra la liste des blogs de votre compte Google. Sélectionnez-en un.
Par mesure de précaution, nous vous recommandons de choisir votre blog Beta.
Le panneau de configuration du gadget Add To Blogger
Titre Le titre du gadget qui s'affichera au-dessus du plugin tiers.
Modifier le contenu C'est le code HTML écrit par le développeur et qui sera affiché dans l'éditeur HTML dans le panneau de configuration du gadget HTML/JS.
Modifier le modèle Cette option est disponible uniquement si le développeur a inclus un nouveau code XML qui pourra être consulté dans l'éditeur XML du thème. Si l'option n'est pas disponible, le code utilisé sera la version par défaut fourni par Blogger.
En savoir plus Si il a été configuré par le développeur, ce lien s'affichera. Il s'agit d'un lien d'information renvoyant l'utilisateur vers la page ou se trouve le bouton ou vers les CGU ou autres clauses de non-responsabilité. Parfois ce lien est accompagné d'une image.
Ajouter un gadget Lorsque vous avez configuré convenablement le gadget, cliquez sur le bouton bleu. Vous serez redirigé vers la mise en page du blog dans lequel vous avez installé le gadget.


L'apparence du bouton

Bien que chaque développeur peut apporter son propre design, Blogger fourni 3 images officielles pouvant être injectées dans le formulaire :

Aperçu URL de l'image Dimensions
add-to-blogger small blue button https://www.blogger.com/img/add/add2blogger_sm_b.gif 104/17px
add-to-blogger small white button https://www.blogger.com/img/add/add2blogger_sm_w.gif 104/17px
add-to-blogger large blue button https://www.blogger.com/img/add/add2blogger_lg.gif 104/30px


Le formulaire du bouton

Le code du bouton est un traditionnel formulaire html (<form>) qui s'ajoute aisément dans un quelconque éditeur HTML (comme par exemple, l'éditeur d'articles de Blogger). Les informations peuvent être injectées dans des balises <input>, <textarea>, etc... En bref, comme un vrai formulaire.

<form action="https://www.blogger.com/add-widget" method="post" target="_blank">

  <!-- your input here -->

</form>

Quant aux entrées à ajouter à l'intérieur du formulaire, elles sont toutes facultatives, mais il vaut mieux en ajouter au moins une, puisque la raison d'être d'un formulaire est de transmettre des valeurs ! Logique non ?

name input type Description Statut
widget.title hidden
text
Le titre du gadget Facultatif
widget.content hidden
text
Le code HTML du plugin. Il doit être échappé !
Si le code est trop long, utilisez une balise <textarea>.
Facultatif
widget.template hidden
text
Le code XML du modèle de gadget. Il doit également être échappé !
Si le code est trop long, utilisez une balise <textarea>.
Attention : Le code XML du gadget ne peut contenir qu'une seule inclusion dont l'identifiant est main.
Facultatif
infoUrl hidden
url
L'url du lien "En savoir plus" Facultatif
logoUrl hidden
url
L'url d'une image. Largeur maximum : 746px. Facultatif
go submit
image
Le bouton "Ajouter à Blogger".
Si vous choisissez le type image, ajoutez l'url de l'image dans un attribut src.
Obligatoire

Exemple
<form action="https://www.blogger.com/add-widget" method="post" target="_blank">

  <!-- Le titre -->
  <input name="widget.title"
         value="Le super gadget"
         type="hidden">

  <!-- Le contenu HTML -->
  <input name="widget.content"
         value="&lt;span&gt;Le contenu du gadget&lt;/span&gt;"
         type="hidden">

  <!-- Le lien "En savoir plus" -->
  <input name="infoUrl"
         value="https://bloggercode-blogconnexion.blogspot.com/2019/06/widget-add-to-blogger.html"
         type="hidden">

  <!-- L'url de l'image -->
  <input name="logoUrl"
         value="https://2.bp.blogspot.com/-D3ZrlNaqP6Q/XF7VTHblWoI/AAAAAAAAC34/B5r3fankFr0ID5RxEe7B1wD7jkbaSiPYgCK4BGAYYCw/s113-pf/photo.jpg"
         type="hidden">

  <!-- Le bouton -->
  <input name="go"
         value="Ajouter ce gadget"
         src="https://www.blogger.com/img/add/add2blogger_lg.gif"
         type="image">

</form>
Le résultat sera :


Fiches récapitulatives des autres gadgets

Spotlight

Les pages d'archives d'articles

Populaires cette semaine

La confidentialité d'un blog et le contenu pour adultes