Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
[RÉSOLU] Ajouter un bouton facebook Like dans le footer des articles
  • Hello ! :)

    Je voudrais ajouter un bouton facebook like dans le footer des articles, j’y arrive bien mais le problème est que quand j’ajoute mon <div> … </div> dans la partie HTML du CSS, le like se cale en dessous de la ligne des autres boutons de partage.

    Comment est-ce que je pourrais faire pour que tout soit sur une seule ligne ?

    Je suppose que ça se joue par là :
    {{ Post.share("right", "horizontal", false) }}
    dans la section  <footer class="post-footer">
    mais je ne trouve même pas où est détaillé l’ordre des boutons. Alors pour intercaler le mien...

    Faut-il créer un class particulier ?

    D'avance merci si idées !
  • Re.

    C'est résolu. Sur mon blog-test mais je ne sais pas si je vais l'utiliser sur l'autre.

    J'ai rajouté ça dans la partie HTLM :
      <div class="fb-like" data-href="{{ Post.Permalink }}" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="false" style="padding-right: 8px;"></div>

    juste avant cette ligne :
    {{ Post.share("right", "horizontal", false) }}

    et puis dans le CSS :
                .google-share,
                .facebook-share,
                .fb-like,
                .twitter-share,
                .ob-share {
                    float: left;
                    line-height: 15px;
                }

    A priori, ça fonctionne.
    :)


  • Bonjour,

    Merci de te retour d'information    ;)