11 novembre 2013

Des icônes réseaux sociaux à l’aquarelle à télécharger.

Comme promis dans cet article je me remet à faire des freebies téléchargeables gratuitement sur le blog ! Aujourd’hui, ce sont donc des icônes et des petites banderoles à insérer dans son blog. Le thème est rose et aquarelle, assez vaporeux et surtout très romantique pour afficher tous vos réseaux favoris : Facebook, Twitter, Hellocoton, Google +, Instagram, Pinterest, Mail, YouTube, RSS !

aTélécharger les icônes / Télécharger les banderoles

 

Pour insérer vos icônes sur vos blogs :

À partir de WordPress : allez dans Apparence > Widgets. Une fois dans la fenêtre Widget, il suffit de glisser l’onglet « Texte » dans la boîte à droite. Une petite fenêtre blanche va alors apparaître.
À partir de Blogger : allez dans votre tableau de conception puis allez sur « Ajouter un gadget » et allez sur « HTML/Javascript ». Une petite fenêtre blanche va, ici aussi, alors apparaître.

Pour ajouter l’image de votre choix sur votre blog, il suffit d’ajouter cette ligne de code dans le nouvel espace qui vient de s’ouvrir dans vos widgets :

<a href="Url du réseaux de votre choix" target="_blank"><img src="URL de votre image"></a>

Pour mieux comprendre cette ligne, voici une petite explication rapide! Tout d’abord, il faut insérer les images choisies pour cela il faut mettre la balise :

<img src="URL de votre image">

Pour héberger votre image et lui donner une URL, il suffit d’aller dans la bibliothèque de votre plateforme de blog et d’y télécharger son image. L’URL sera alors visible dans les propriétés de votre image maintenant hébergée dans votre bibliothèque. Vous pouvez aussi passer par HostingPics qui est un hébergeur d’image et de photos gratuit.

Ensuite il faudra créer un lien pour le mettre derrière votre image et qu’elle puisse renvoyer vos lecteurs au bon endroit, sur le bon réseau ! Pour cela voici la ligne de code :

<a href="URL de votre choix"> votre image </a>

Pour que votre lien s’ouvre dans une nouvelle fenêtre, et qu’il ne remplace pas première la fenêtre ouverte dans votre navigateur, il suffit alors d’ajouter un petit code « target blank’ qui donne alors :

<a href="URL de votre choix" target="_blank"> votre image </a>

Et en combinant le tout, la ligne de code finale devient donc :

<a href="Url du réseaux de votre choix" target="_blank"><img src="URL de votre image"></a>

Et enfin pour télécharger les icônes de réseaux sociaux, il suffit de cliquer ici. Et pour télécharger les banderoles à mettre dans sa colonne il suffit de cliquer par là !

signature-article

facebooklink

Partager cette article sur ...
À lire aussi
Blogueuse Parisienne basée à Barcelone je tiens ce blog mode et lifestyle depuis 2011. Illustratrice et webdesigner vous pouvez retrouver mon portfolio en ligne ici mais aussi ma boutique en ligne par là !
Merci de m’avoir lu et n’oubliez pas de me laisser un petit commentaire !
XOXO Natacha Birds.
Laisser un commentaire

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

52 commentaires

  1. Julie

    Bonsoir Natacha.

    J’ai découvert ton blog, vraiment sympa.
    Je suis tombée sous le charme de ces icônes et banderoles, mais il m’est impossible de les télécharger.
    Pourrais tu me les envoyer stp. Merci d’avance
    Bonne continuation

    Répondre
  2. Audrey

    Bonjour Natacha, pourrais-tu réactiver les liens vers ces icônes s’il te plait car elles sont vraiment jolies mais impossible de les télécharger… Merci beaucoup!

    Répondre
  3. NineS Feather

    Coucou,
    J’ai mis tes icônes sur mon blog (qui sont trop mignon), mais ils sont « énorme ». Pourtant il ne paraissait pas être aussi gros … Je sais pas trop comment faire pour les redimensionné en plus petit, sans que ça les ratatines …

    Des bisous, Romane :).

    Répondre
  4. OUM

    CC
    j’aimerais des logo de reseaux sociaux en plume de pan mais je ne sais pas comment faire peut tu me donner des tuyaux ou peut tu fais un autre articles avec des logos de reseaux sociaux paon !
    merciiii des bisous j’aime ce que tu fais ♥♥♥

    Répondre
  5. Nancy

    Coucou , je n’arrive pas a les mettre sur mon blog (blogger) , cela ne fonctionnent pas , sa met le lien , mais pas le logo , et puis je ne comprends pas ton explication aussi, donc bon voila.. Quelqu’un peut m’aider ,parce que j’adore c’est petit icones ? A bientot <3:)

    Répondre
    1. OUM

      tu enregistre les logo apres tu fais un article sur ton blog tu y met t’es logo tu mets le lien de t’es reseaux sociaux tu appuie sur HTLM pas sur rediger en haut a gauche et tu copie ton texte et tu met un wigdet HTLM tu colle et voilaa

      Répondre
  6. Andreia IOtubes

    Bonsoir jolie fleur.
    J’ai téléchargé tes icones et je les ai mises sur mon blog. Elles sont tellement belles.
    Merci et gros bisous.

    Répondre
  7. Gwen

    Bonjour !
    Juste un petit mot pour un grand merci !!
    Je t’ai « piqué » tes icônes pour les mettre sur mon blog et j’adore !!!
    Merci pour toutes ces jolies idées et ces grands conseils !!
    Pishweps

    Répondre
  8. MissB

    Merci beaucoup déjà pour ton blog que j’ai découvert il y a quelques jours seulement, et que j’adore.
    Et merci aussi pour ces icones, que j’ai ENFIN réussi à installer ! Merci pour tes explications.

    Répondre
  9. Torhia

    Merci Natacha pour ces superbes petites icônes ! Je les ai utilisées sur mon blog et j’adore le résultat, et tes explications sont juste géniales (sachant que je ne suis pas très douée à la base pour ce genre de choses ^^ »).
    Gros Bisous !

    Répondre
  10. Adeline Aubry

    Merci beaucou :) après quelques soucis j’ai réussi à les mettre en place sur mon blog même s’il y’a des espèces de virgules bizarres qui se mettent à coté ! Lol

    Je vous laisse allé me donner votre avis si vous le souhaitez et si vous savez comment enlever ces petits trucs :) http://shadebeauty.blogspot.fr/

    Répondre
  11. Hortense

    Merci Natacha pour ces superbes gadgets :-) Cependant j’ai essayé sur Blogger et il demande d’inscrire une adresse d’URL et non le code HTML que tu proposes… Je suis un peu perdue …

    Répondre
  12. Julie

    C’est vraiment adorable de ta part de mettre à notre disposition ces icones ! On peut désormais avoir un peu du Monde de Natasha Birds sur nos blogs ! Merci Merci Merci !
    Par contre, j’ai un petit soucis j’ai installé les icones mais je n’arrive pas à relier ces icones à mon IG et mon twitter !

    Si quelqu’un peut me venir en aide !!!!

    Répondre
  13. titlap

    Bonjour bonjour ! J’ai voulu télécharger les icones et les banderoles… mais le lien vers les banderoles renvoie en fait vers les icones aussi ! :)
    J’ai donc modifié un peu le lien pour pointer vers banderoles.zip :) :) et hop, j’avais accès aux banderoles ! Merci merci merci c’est très joli ! Ce sera très bientot sur http://www.leboudoirdelilirose.com

    Répondre
    1. Alexandra

      Bonjour,

      J’aurais aimé savoir si tu avais toujours les liens des icones pour les réseaux sociaux de Natacha Birds car on ne peut plus les télécharger sur son site ça ne fonctionne plus :(

      Merci d’avance !

      Bonne soirée :)

      Répondre
  14. Jane

    Merci pour ces jolis icônes! J’ai voulu les mettre justement sur mon wordpress et tout marchait bien jusqu’à ce que l’icône affichée sur le blog est un point d’interrogation :( Je continue de fouiller et de chercher une solution, mais si tu en as une… :)

    Répondre
  15. Sylvie Tillieux

    Je suis en plein dans la création d’un nouveau blog dédié au monde de l’enfance au travers mes passions. Ca ne pouvait pas mieux tomber. Merci Natacha.

    Répondre