dimanche 15 mai 2011

Proposez à vos visiteurs de suivre vos blogs par mail




Newsletter sur Blogger : le gadget "Follow By mail"

Pour permettre à vos lecteurs de recevoir vos nouveaux billets de blog par mail, Blogger a ajouté un gadget "Follow By mail" facilitant l’intégration du formulaire d’enregistrement. Dans ce tutoriel, vous allez découvrir comment installer ce gadget et comment le personnaliser !

Installer le gadget :

Il suffit de suivre ces étapes :

- Sur votre tableau de bord, allez à : Présentation > Eléments de la page

- Cliquez sur “Ajouter un gadget”

- Choisissez le gadget “Suivre les mises à jour par e-mail”

newsletter_blogger

- Choisissez un titre pour le gadget, à afficher, par exemple “Tenez-vous informés des nouveautés par mail”

- Vous n’avez qu’à déplacer le gadget là où vous voulez sur votre page et enregistrer ensuite les modifications !
Voilà une vidéo qui explique les étapes décrites précédemment :







Personnaliser le formulaire :


Mais le formulaire ajouté est en anglais, et la page de confirmation qui apparait lorsqu’on valide le formulaire est en anglais aussi !! Pas de panique, on va devoir régler ceci :

- Allez à Présentation > Modifier le code HTML et cochez la case “développez des modèles de gadget”

- Cherchez ce code (utilisez CTRL+F), le titre du gadget peut changer selon le titre que vous avez choisi précédemment :

<b:widget id='FollowByEmail1' locked='false' title='Tenez vous informés des nouveautés par mail' type='FollowByEmail'>
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  <div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
        <table width='100%'>
          <tr>
            <td>
              <input class='follow-by-email-address' name='email' placeholder='Email adress...' type='text'/>
            </td>
            <td width='64px'>
              <input class='follow-by-email-submit' type='submit' value='Submit'/>
            </td>
          </tr>
        </table>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='en_US'/>
      </form>
    </div>
  </div>
  <span class='item-control blog-admin'>
    <b:include name='quickedit'/>
  </span>
</b:includable>
</b:widget>

- Changez les mots en rouge comme suit :

 Email adress... => Adresse mail : c’est la phrase qui va apparaitre dans le champ texte
 Submit => Envoyer ou valider : c’est le titre du bouton d’envoi
 en_US => fr_FR : pour que la page de confirmation feedburner s’affiche en français

Résultat :

Le formulaire s’affiche maintenant en français :

formulaire_blogger

La page de confirmation s’affiche maintenant en français :

image

Remarques :


- L'attribut placeholder (qui prendra comme valeur Adress mail ..) est un nouveau attribut qui s'ajoute à la balise input, vu que c'est une nouveauté qu'apporte HTML5, ce dernier n'est pas supporté par tous les navigateurs (seules les versions 4.* de Firefox, 3.* de chrome, 11.* d'opera et 3.0 de Safari le supportent), du coup le texte n’apparaîtra pas sur Internet Explorer !

- Pour tout ce qui est de personnalisation de la newsletter (coté feedburner) : personnaliser le mail de confirmation que ce service envoie après chaque demande d'inscription, personnaliser les mails qui contiendront les articles de votre blog, choisir la date et les options de délivrance de votre newsletter, .. je vous invite à consulter ce tutoriel !

Partagez cet article sur vos réseaux sociaux :



Recevez les nouveautés par email

3 commentaires:

B. a dit…

Bonjour!
Merci pour le post
Est ce que c'est possible de supprimer le mail de confirmation?
J'aimerais que les personnes soient directement inscrites sans devoir cliquer sur le lien de confirmation par mail.

Merci

Anonyme a dit…

Bonjour,

je suis également intéressé par la réponse à ce dernier commentaire si quelqu'un connait une solution.

Merci !

CM

Nawras a dit…

A ma connaissance, il est impossible de le supprimer

Sélectionnez les signes à côté du smiley à insérer dans votre commentaire

:)) ;)) ;;) :X :(( =(( :-o :-* :| :)] :-t
b-( :-L :-/ o_O :D ;) :p :) :( 8-) ^^

Enregistrer un commentaire

Related Posts with Thumbnails