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

nov 11, 2013 by     48 Comments    Posted under: Blog, DIY & téléchargement

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

Share Button

Parce que vos commentaires sont ma petite récompense...

  • amandine

    merci Natacha! c’est tellement beau!

  • Céline

    Merci Natacha, super :-) tu es une blogueuse au top pour tes lectrices !
    Bises

  • Angélique Etteilla

    Ho merci beaucoup!!! Je vais faire ça de suite sur mon blog!! Hiiii t’es trop trop chou!!! :)

  • Emma Labouly

    Je voulais les mettre mais je comprends rien et je n’y arrive pas !! :( Je suis trop nulle….

    • Manon Messika

      T’es pas la seule je te rassure .. :(

    • Nancy

      Moi non plus j’y comprends rien!! :(

  • 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.

  • marjorie69

    merci ils sont sublimes!!!!

  • 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… :)

  • Jane

    (Oublie mon commentaire j’ai trouvé … désolée!) J’aime vraiment en tout cas ces icônes ;)

  • Caropoupouillou

    Ohhh merci beaucoup! Je viens de les mettre sur mon blog :)

  • 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

  • Milie_CQ

    Hello ! J’adore !
    ¨Par contre, il me semble que tous les liens ramènent aux icones…
    Bises

  • Chloé

    Au top sur mon blog en construction, merciiii :) (chloaimelerose.wordpress.com)

  • clémence démarquet

    Merci beaucoup pour ces jolis icônes et banderoles, ils vont de suite rejoindre mon blog :)
    Bisous!

  • Linda

    Ils sont très jolis je viens de les ajouter à mon blog, merci beaucoup,

    Linda
    http://www.thedailylindt.com

  • Carole

    Merci beaucoup, je les ai ajouté sur mon blog.
    Bisous !!

    Carole
    http://paaradise-of-beauty.blogspot.fr

    • Manon Messika

      Est ce que tu pourrai m’aider j’ai essayer sur mon blog mais j’y arrive pas :(

  • Manon
  • sophie-mum

    tres jolie

  • Caroline V.

    Très sympa et super girly tout à fait à l’image de ton blog !

    http://www.kit-manucure.com/

  • Virginie

    Merciiii beaucoup <3

  • Lola

    Moi aussi j’ai craqué pour tes jolies icônes qui se fondent sur le fond rose de mon blog :-) Merci Natacha <3 http://destestsetmoi.blogspot.fr/

  • Marianne

    J’arrive pas à installer les icônes avec blogger il me faut une adresse Url :/

    http://happyhours21.blogspot.fr/

  • Isa Blablas

    Je viens de les découvrir et me suis servie, merci à toi!

  • 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 !!!!

  • Stéphanie

    Oh merci beaucoup!!

  • 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 …

  • Hortense

    J’ai finalement réussi à les insérer sur mon blog!!!! Merci beaucoup Natacha, je te donne le lien si tu souhaite aller jeter un coup d’oeil :-) http://moninstantbeaute35.blogspot.fr/
    A bientôt et encore merci !!!!

  • 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/

  • Le Carnet d’Emma

    Très jolies icônes ! Mais je n’arrive pas à les insérer sur overblog, est-ce possible et si oui comment faire ? Merci d’avance :)

  • http://needansunbosquet.blogspot.fr/ 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 !

  • La demoiselle aime

    Elles sont superbes ! Mais elles ne fonctionnent pas sur Blogger ….

    • Marina

      Je suis sous blogger et j’ai réussi à les mettre.

      Marina.

      Lestendancesbymarina.blogspot.com

  • Marina

    Merci beaucoup, je viens de les mettre sur mon blog :)

    Marina.

    Lestendancesbymarina.blogspot.com

  • 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.

  • Miss Figolu

    merci ! mon site va devenir de plus en plus girly grâce à toi !

  • 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

  • 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.

  • Emilie Clairétoile

    Bonjour !! Merci pour ces jolis icônes qui sont maintenant sur mon blog : http://lessorcieresauclairdetoile.blogspot.fr/
    Bises

  • Sève

    Salut, et bien un grand merci pour ces belles icônes que je me suis empressée de mettre sur mon blog http://sevedeco.com/deco/
    A bientôt, j’espère, Sève

  • 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:)

    • 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

  • 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 ♥♥♥

  • 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 :).

  • La Margotte

    Merci pour ces icones, ils vont joliement avec mon blog!

  • Marie-Bé futée

    Bonjour,Merci pour ces belles icônes … j’adore
    En plus suis fière de moi !! ;-) Bonne journée
    http://mariebefutee.blogspot.fr/

  • http://bambinsbeauteetfutilite.blogspot.fr/ HantzLaura

    Bonsoir,

    Est-il encore possible d’utilisé vos icônes ?

    Car je ne peut pas les télécharger :/
    Merci

merci

Me suivre sur :

  • Follow Me on Hellocoton!
© Sauf mentions contraires les textes & photos présentés sur ce blog m'appartiennent, merci de ne pas les utiliser sans mon autorisation.
Natacha Birds v.1.0. © 2011-2013. Tous droits réservés - Mentions légales - Design : Natacha Birds