Ajouter ou supprimer des liens d'inscription

Par défaut, le gadget "Liens d'inscription" propose 2 services (Yahoo et NetVibes) et le lien vers le flux atom.
Ce développement va vous aider à ajouter ou supprimer d'autres agrégateurs dans ce gadget.

Présentation du gadget et recommandations

Ce développement permet d'ajouter/supprimer des agrégateurs dans le gadget officiel "subscribe", ainsi que de sélectionner le type de flux à distribuer (Articles ou commentaires).
Parmi le choix des agrégateurs, vous pouvez également ajouter l'abonnement aux nouveaux articles via Blogger.

Pour pouvoir utiliser le gadget "subscribe", l'accès à votre blog doit être public et vous devez activer les flux.

Paramètres à vérifier	Chemin d'accès dans le tableau de bord	Choix
Les flux	Paramètres Autre Flux Autoriser les flux du blog	Complet Partiel Jusqu'au marqueur d'expansion Aucun
L'accès au blog	Paramètres Basique Autorisations Lecteurs du blog	Tous Uniquement les lecteurs de ce blog Uniquement ces lecteurs

Installation du gadget

Choisissez d'abord les paramètres. Les codes ci-dessous varieront en fonction de vos choix.

Paramètres du gadget	N° Identifiant ? Titre
Choix des agrégateurs	Sélection Flux Articles et commentaires Uniquement articles Uniquement commentaires Blogger ? Feedly Netvibes Yahoo SubToMe The Free Dictionaty Lien Atom
Affichage du gadget ?	Articles Pages autonomes Index Archive Pages 404 Uniquement à la page d'accueil Appareils Uniquement la version web Uniquement la version mobile personnalisée Version web + Version mobile personnalisée

Le code du gadget

<b:widget id='Subscribe601' locked='false' mobile='no' type='Subscribe' title='Souscrire'>
  <b:includable id='main'>
<!-- Gadget Subscribe (custom) - Blogger Config.
     Ref.: http://goo.gl/vU2ffv -->
    <b:if cond='data:isPublic'>
      <b:include cond='data:blog.isMobile' name='CSSmobile'/>
      <div style='white-space:nowrap'>
        <b:if cond='data:title'><h2 class='title'><data:title/></h2></b:if>
        <div class='widget-content'>
          <b:loop values='data:feeds' var='feed'>
            <b:include cond='data:feed.type == &quot;&quot;' name='content'/>
          </b:loop>
          <div style='clear:both'/>
        </div>
      </div>
    <b:else/>
      <b:include name='nopublic'/>
    </b:if>
    <b:include name='quickedit'/>
  </b:includable>
  <b:includable id='content'>
    <div expr:class='&quot;subscribe-wrapper subscribe-type-&quot; + data:feed.type'>
      <div expr:class='&quot;subscribe expanded subscribe-type-&quot; + data:feed.type' expr:id='&quot;SW_READER_LIST_&quot; + data:widgetId + data:feed.type' style='display: none;'>
        <div class='top'>
          <span class='inner' expr:onclick='&quot;return(_SW_toggleReaderList(event, \&quot;&quot; + data:widgetId +data:feed.type + &quot;\&quot;));&quot;'>
            <img class='subscribe-dropdown-arrow' expr:src='data:arrowDropdownImg'/>
            <img align='absmiddle' alt='' border='0' class='feed-icon' expr:src='data:feedIconImg'/>
            <data:feed.title/>
          </span>
          <div class='feed-reader-links'>
            <b:include name='FeedReaderLinks'/>
          </div>
        </div>
        <div class='bottom'/>
      </div>
      <div class='subscribe' expr:id='&quot;SW_READER_LIST_CLOSED_&quot; + data:widgetId + data:feed.type' expr:onclick='&quot;return(_SW_toggleReaderList(event, \&quot;&quot; + data:widgetId + data:feed.type + &quot;\&quot;));&quot;'>
        <div class='top'>
          <span class='inner'>
            <img class='subscribe-dropdown-arrow' expr:src='data:arrowDropdownImg'/>
            <span expr:onclick='&quot;return(_SW_toggleReaderList(event, \&quot;&quot; + data:widgetId + data:feed.type + &quot;\&quot;));&quot;'>
              <img align='absmiddle' alt='' border='0' class='feed-icon' expr:src='data:feedIconImg'/>
              <data:feed.title/>
            </span>
          </span>
        </div>
        <div class='bottom'/>
      </div>
    </div>
  </b:includable>
  <b:includable id='CSSmobile'>
    <!-- Patch CSS Mobile b:v2 -->
    <style>
      .widget.Subscribe { position: static; }
      .widget.Subscribe .widget-content { zoom: 1; }
      .subscribe-feed-title { float: left; }

      .subscribe {
        cursor: pointer;
        color:#999;
      }

      .subscribe a { color: #999; }

      .subscribe-wrapper {
        margin: .5em;
        padding: 0;
        position: relative;
        zoom: 1;
      }

      div.subscribe {
        cursor: pointer;
        margin: 0;
        padding: 0;
        text-align: left;
        width: 144px;
      }

      div.subscribe div.top {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.blogger.com/img/widgets/s_top.png', sizingMethod='crop');
        font-size: 1em;
        padding: 4px 0 1px;
        width:144px;
      }

      html>body div.subscribe div.top {
        background: url(//www.blogger.com/img/widgets/s_top.png) top left no-repeat;
      }

      span.inner {
        margin: 0;
        padding: 0;
      }

      div.subscribe div.top span.inner {
        margin: 0 5px;
      }

      .feed-icon {
        vertical-align: baseline;
        display: inline;
      }

      div.subscribe div.bottom {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.blogger.com/img/widgets/s_bottom.png', sizingMethod='crop');
        font-size: 3px;
        height: 3px;
        line-height: 0;
      }

      .subscribe-wrapper .expanded {
        position: absolute;
        top: 0;
        z-index: 20;
      }

      html>body div.subscribe div.bottom {
        background: url(//www.blogger.com/img/widgets/s_bottom.png) bottom left no-repeat;
        margin-bottom: 0;
        padding-bottom: 0;
        width: 144px;
      }

      .feed-reader-links {
        list-style: none;
        margin: 10px 20px;
        padding: 0;
        position: relative;
      }

      .subscribe-dropdown-arrow {
        float: right;
        margin-right: 6px;
        margin-top: 4px;
      }

      .feed-reader-links {
        list-style: none;
        margin: 0;
        padding: 0;
      }

      a.feed-reader-link {
        display: block;
        font-weight: normal;
        margin: .5em;
        text-decoration: none;
        z-index: 1000;
      }

      .feed-reader-link img {
        border: 0;
        display: inline;
      }
    </style>
  </b:includable>
  <b:includable id='FeedReaderLinks'>
    <b:if cond='data:feed.type == &quot;POST&quot;'>
      <!-- BLOGGER -->
      <a class='feed-reader-link' expr:href='&quot;https://www.blogger.com/follow-blog.g?blogID=&quot; + data:blog.blogId' target='_blank'><img src='https://lh5.googleusercontent.com/-UU9iKBXpytA/VQskPnvke5I/AAAAAAAAUYY/oDAzR9ENYZ8/s1600/subscribe-blogger.png'/></a>
    </b:if>
    <!-- FEEDLY -->
    <a class='feed-reader-link' expr:href='&quot;http://cloud.feedly.com/#subscription%2Ffeed%2F&quot; + data:feed.encodedUrl' target='_blank'><img src='http://s3.feedly.com/feedburner/feedly.png'/></a>
    <!-- NETVIBES -->
    <a class='feed-reader-link' expr:href='&quot;http://www.netvibes.com/subscribe.php?url=&quot; + data:feed.encodedUrl' target='_blank'><img expr:src='data:imagePathBase + &quot;subscribe-netvibes.png&quot;'/></a>
    <!-- YAHOO -->
    <a class='feed-reader-link' expr:href='&quot;http://add.my.yahoo.com/content?url=&quot; + data:feed.encodedUrl' target='_blank'><img expr:src='data:imagePathBase + &quot;subscribe-yahoo.png&quot;'/></a>
    <!-- SUBTOME-->
    <a class='feed-reader-link' expr:href='&quot;https://www.subtome.com/#/subscribe?feeds=&quot; + data:feed.encodedUrl' target='_blank'><img src='http://www.subtome.com/subtome-feedburner.png'/></a>
    <!-- FREE DICTIONARY -->
    <a class='feed-reader-link' expr:href='&quot;http://www.thefreedictionary.com/_/hp/AddRSS.aspx?&quot; + data:feed.encodedUrl' target='_blank'><img src='http://img.tfd.com/hp/addToTheFreeDictionary.gif'/></a>
    <!-- FEED LINK -->
    <a class='feed-reader-link' expr:href='data:feed.url' style='color: #999999;' target='_blank'><img align='absmiddle' class='feed-icon' expr:src='data:feedIconImg'/> <data:feed.title/></a>
  </b:includable>
  <b:includable id='nopublic'>
    <div class='item-control blog-admin'>
      <b:if cond='data:title'>
        <h2 class='title'><data:title/></h2>
      </b:if>
      <div class='widget-content'>
        <i>Message administrateur : Les flux du blog ne sont pas disponibles. Vérifiez vos paramètres.</i>
      </div>
    </div>
  </b:includable>
</b:widget>

Où recopier ce code ?

Le code doit être ajouté dans l'éditeur HTML du modèle :

• Tableau de bord
• Modèle
• Modifier le code HTML

Recopiez le code au-dessus de :

<b:widget id='Blog1' locked='true' title='Articles du blog' type='Blog'>

Lorsque le modèle sera enregistré, le gadget sera positionné juste au-dessus du gadget des articles. Pour le déplacer dans une autre colonne, rendez-vous dans le volet "Mise en page".

• Tableau de bord
• Mise en page
• Glisser/Déposer gadget "Souscrire"

Customiser les gadgets Blogger

• Articles recommandés
• Gadget Inscription personnalisé
• Gadget Libellés - Horizontal Custom pack
• Gadget Libellés - Vertical Custom pack