Zone de liens vers réseaux sociaux

  • dixtubes · Membre ·

    Bonjour,
    J’ai besoin de votre aide.
    Sur mon blog, j’ai des liens vers mes pages de réseaux sociaux (facebook, pinterest, etc), Or je trouve que ça prend beaucoup trop de place et comme je veux remanier mon blog ça ne me plait plus.
    Une copine a tous ses liens dans une seule fenetre avec des mini-icones (http://lilithgrey.wordpress.com/). Je souhaite faire la meme chose.
    Pouvez-vous m’expliquer comme on fait ou me donner le lien d’une marche à suivre (que je ne trouve pas).

    D’avance merci.

    L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).

  • airodyssey · Modérateur ·

    Bonjour. Le plus simple serait de demander à votre amie comment elle a fait, non? :-)

    Cela dit, lorsque vous allez sur un site et que vous y trouvez une caractéristique qui vous plaît, consultez le code source, repérez ce qui vous plaît et adaptez-le à vos besoins.

    Dans le cas du site Web de votre amie, le code source est le suivant :

    <a href="http://www.hellocoton.fr/mapage/lilithgrey"><img src="http://www.hellocoton.fr/favicon.ico" alt="Hellocotton" />
</a>
 <a href="https://twitter.com/#!/Lilith_Grey"><img src="https://twitter.com/phoenix/favicon.ico" alt="Twitter" /></a>
<a href="https://plus.google.com/108036529824550089499/posts"><img src="https://ssl.gstatic.com/s2/oz/images/faviconr2.ico" alt="GooglePlus" /></a>
</a> <a href="http://pinterest.com/lilith_grey/"><img src="http://passets-cdn.pinterest.com/images/favicon.png" alt="Pinterest" /></a> 

</a> <a href="http://www.bloglovin.com/en/blog/2872821/liliths-anatomy/follow"><img src="http://www.bloglovin.com/images/favicon.ico" alt="Bloglovin" /></a>
</a> <a href="http://www.paulette-magazine.com/fr/abonnement?utm_source=parrainage&utm_medium=e-mail&utm_campaign=$$$$$@$$$$$.$$$"><img src="http://www.paulette-magazine.com/images/favicon.png" alt="Abo Paulette" /></a>
</a> <a href="http://lilithgrey.tumblr.com/"><img src="http://26.media.tumblr.com/avatar_107d39995aea_16.png" alt="Tumblr" /></a>
<a href="http://www.etsy.com/people/Liliteuh?ref=si_pr"><img src="http://www.etsy.com/images/favicon.ico" alt="Etsy" /></a>
</a>
<a href="mailto:$$$$$@$$$$$.$$$"><img src="http://fr.dawanda.com/asset-v2c691c7/images/v2/icons/email.gif" alt="Mail" />
</a>

</a> <a href="http://weheartit.com/LilithGrey"><img src="http://assets.whicdn.com/favicon.ico" alt="WeHeartIt" /></a>

    J’ai corrigé le bouton pour le email (car celui de votre amie était erronné, il manquait « mailto: » avant l’adresse) et j’ai supprimé les adresses email.

    Modifiez les renseignements et les liens à votre guise, et supprimez les liens dont vous n’êtes pas membre. Puis, copiez-collez le tout dans un widget de texte.

    Maintenant, vous devriez être en mesure de faire cela les prochaines fois ;-)

  • dixtubes · Membre ·

    Oui c’est vrai j’aurais pu lui demander…

    En tout cas mille fois merci je vais très vite essayer ça.

  • airodyssey · Modérateur ·

    Je viens de voir votre site. C’est très joli, ce que vous avez fait avec les icônes Facebook, Twitter, etc. :-)

    N’hésitez pas à revenir poser d’autres questions.

  • Le sujet ‘Zone de liens vers réseaux sociaux’ est fermé aux nouvelles réponses.