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] impossible connection avec Pinterest
  • @testontestons_At_outlook.fr  je ne vois pas de lien vers Pinterest dans tonblog http://les-centidealistes.over-blog.com/.
  • @KineKelly,

    Bonjour,

    Si tu n'as pas encore testé, de mon côté j'ai réussi à me trouver un peu de temps, donc j'ai tout ce qui faut pour mettre dans le CSS et l'HTML ;)

    Notes ;
    ~ Les "numéros de lignes html" sont approximative, vu que chaque changement les modifies...
    Donc c'est uniquement à titre d'info.
    ~ Je donne toute une partie de CSS-HTML pour aider et voir l'endroit à installer, seul ce que je vais mettre en
    gras est à copier/coller.
    ~ Il y a deux images "Pinterest" que j'ai faites aux bonnes dimensions (une bleue [le même que par défaut sur le thème] et une rouge ("Pinterrest") qui apparaît au survol de la souris (alors qu'OB propose une inversion de couleur pour ses boutons twitter, FB, rss, à toi de changer si tu le désire).
    ~ Une fois le css/html installé, il faut cliquer sur "Aperçu"
    ~ Si ça te convient : Cliquer sur "Enregistrer"

    ~ Ensuite clic sur "Retour" et dans l'onglet "Social" une nouvelle option est présente : "Nom d'utilisateur Pinterest", y a plus qu'à compléter ;)

    Le code suit dans le prochain post

    A tous :

    N.B. :
    Ce code et l'emplacement dans le html-css n'a été vérifié que pour le thème Twentyeleven
  • ~ Vers la ligne html-css 28, ajouter (l'emplacement des lignes, influence l'emplacement sur le blog)


    <meta name="string:twitter_username:label.twitterUsername" group="Social" />
            <meta name="string:facebook_username:label.facebookUsername" group="Social" />
            <meta name="string:pinterest_username:Nom d'utilisateur Pinterest" group="Social" />
            <meta name="list:share_service:label.socialSharingServices" items="None, Facebook, Twitter, Google +, All" default="All" group="Social" />


    ~ Ensuite vers la ligne 810, ajouter (c'est les lignes avec l'image)

    .widget.follow ul li.fb a {
    background-position: 14px 7px;
    }
    .widget.follow ul li.fb:hover a {
    background-position: 14px -46px;
    }

    .widget.follow ul li.tw a {
    background-position: -27px 7px;
    }
    .widget.follow ul li.tw:hover a {
    background-position: -27px -46px;
    }
                                
        .widget.follow ul li.pt a {
                                    background: url("http://img.over-blog-kiwi.com/0/54/39/59/201305/ob_44572373a13fdb0bb81963c7f802e501_pinterest-01.png") no-repeat;
        display: block;
    height: 100%;
    }
            display: block;
    height: 100%;
    }

    .widget.follow ul li.rss a {
    background-position: -67px 7px;
    }
    .widget.follow ul li.rss:hover a {
    background-position: -67px -46px;
    }


    ~ Pour finir, vers les lignes 1193, ajouter


    {% if Custom('display_widget_follow') != true %}
    <div class="widget follow">
    <h3>{{ Lang.Get('Follow me') }}</h3>
    <ul>
    {% if Custom('facebook_username') is not empty %}
    <li class="fb">
    <a href="http://facebook.com/{{ Custom('facebook_username') }}" target="_blank" >Facebook</a>
    </li>
    {% endif %}
    {% if Custom('twitter_username') is not empty %}
    <li class="tw">
    <a href="http://twitter.com/{{ Custom('twitter_username') }}" target="_blank">Twitter</a>
    </li>
    {% endif %}
                                    {% if Custom('pinterest_username') is not empty %}
        <li class="pt">
    <a href="http://pinterest.com/{{ Custom('pinterest_username') }}" target="_blank">Pinterest</a>
    </li>
    {% endif %}
    <li class="rss">
    <a href="{{ Blog.RssUrl }}">RSS</a>
    </li>
    </ul>
  • Voilà, pas testé avec Pinterest car je n'ai pas de compte chez eux (mais j'avais fait l'essais avec googleplus [pas présent sur ce thème]) et ça fonctionnait, donc j'ai juste adapté le code ;)
  • Merci Vger, je vais me pencher sur ce travail aujourd'hui! tu m'as donné tout ce qu'il faut pour que ça marche! =D>
  • Coucou Vger
    Je viens de faire toutes tes manipulations en faisant attention de ne pas me tromper, mais cela n'a rien changé sur mon blog.
    Si j'ai bien compris, est ce que je devrais voir un bouton pinterest sur mon blog?
  • Hellow :)

    En fait deux choses ... je viens de me permettre de tester avec ton log Pinterest ...

    là : <meta name="string:pinterest_username:Nom d'utilisateur Pinterest" group="Social" />

    il faut retirer l’apostrophe après le d (je sais pas si ça joue avec le code, mais dans l'admin oui.) 

    Ensuite, c'est du fait que j'ai travaillé en "aveugle"... tu ne sais pas prévisualiser...
    Il faut valider le code et aller ensuite configurer le widget social et Enregistrer, à ce moment là il est possible de le voir et d'ensuite éventuellement aller retravailler dans le CSS si tu désire faire des changements.
  • Génial! je vais faire les changements de couleur.

    Merci, tu m'as bien aidé!

    J'espère que je n'aurai pas de problème avec les petits bords blancs, parce que dans la bulle des commentaires, je n'ai pas réussi à les enlever.
    Mais ça c'est une autre question!;)
  • Pour l'apostrophe
    éventuellement le remplacer par &rsquo; ce qui donnerait

    <meta name="string:pinterest_username:Nom d&rsquo;utilisateur Pinterest" group="Social" />

    Et pour l'image, la voici en gris (le plus proche de celui que tu utilise)
    http://img.over-blog-kiwi.com/0/54/39/59/201305/ob_07a39e4dc75aa6a2a4905f82f76b7ea6_pinterest-03.png 

    Belle journée ;)


    Pour la bulle j'y regarderai ce soir (tard)