26 novembre 2013

Des icônes réseaux sociaux coeurs à telecharger

Comme vous avez aimé cet article voici de nouveaux freebies téléchargeables gratuitement sur le blog ! Encore des icônes et des petites banderoles à insérer dans votre blog, mais aussi des fonds. Le thème est tout rouge avec des coeurs partout, des icônes de filles pour afficher tous vos réseaux favoris : Facebook, Twitter, Hellocoton, Google +, Instagram, Pinterest, Mail, YouTube, RSS !
reseaux-coeurs

Télécharger les icônes cœurs / Télécharger les banderoles / Télécharger les fonds

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>

signature-article

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>

28 commentaires

  1. beauté et société

    Salut !

    On arrive un peu après la bataille mais on voulait te dire un grand merci pour tes précieuses explications et tes magnifiques icones ;)

    Les filles de beauté et société!

    Répondre
  2. Nancy

    Bonjour!
    Est que quelqu’un veut bien m’aidez? Je ne comprends rien et je n’arrive pas a avoir les URL des images. J’ai un blog sous blogger.

    Répondre
  3. Solène et Elina

    Coucou Natacha j’ai un problème quand je copie le lien pour mettre les petits icônes je le copie et la quand je colle ça me met le lien de l’article. Aurais-tu une explication à ceci car je trouve vraiment ces icônes trop mignons ! Pleins de Bisous !

    Répondre
  4. Béné

    Bravo, c’est très joli ! Petite suggestion pour une prochaine série d’icônes, te serait-il possible d’en réaliser pour Flickr ?! Bonne continuation

    Répondre
  5. Stéphanie

    C’est très joli!!
    Je me suis permise d’utiliser les précédentes sur mon blog, que j’ai recolorisé.
    Je te mettrais dans mes petites notes de pied de page après le passage de Noar Noar sur mon blog :)

    Répondre
  6. Cerise

    Super!! merci beaucoup, ça a été l’élément déclencheur pour changer complètement le thème et le graphisme de mon blog (lerockdecerise.fr)… Avec tes super logos en plus! ;) Merci natacha <3

    Répondre
  7. Loulemacaron

    Oooh, merci beaucoup pour cela ! Je t’en avais +/- parlé sur Twitter, et voilà, ça se réalise et j’adore, c’est très beau et girly, waw *_*

    Répondre
  8. Les envies d'Oly

    petite question, sais tu comment faire pour aligner les icônes?? car elles apparaissent les unes en dessous des autres…
    Merci!!
    bise

    Répondre