Accéder au contenu principal

Moi aussi je veux des icônes de médias sociaux !

Cela fait un petit moment que j'avais envie d'avoir tous mes liens de médias sociaux (Facebook, Twitter, Pinterest, etc) visibles facilement et rapidement sur mon blog.

1. Mes petites icônes médias sociaux toutes belles toutes neuves

C'est chose faite aujourd'hui, vous pouvez voir sur le menu de droite, mes petites icônes :)


icon social media - icone média social -cocoflower
Icônes médias sociaux - d'un coup d'oeil !!!
Bon alors, oui j'aurais pu les faire moi-même. Mais j'avoue avoir eu une grosse flemme et surtout, je suis tombée sur ces icônes en forme de coeurs qui m'ont bien plues !!!
Les icônes coeur de Aravind Ajith
Ils ont été designés par Aravind Ajith et vous pouvez les télécharger gratuitement.

J'ai dû en customiser 3 moi-même car je voulais une icône Pinterest, une autre pour Tumblr et aussi pour le mail (ou la newsletter).
Ça m'a pris 3 minutes donc ça va :).

Si vous les voulez, les voici en 64px et en 32px.

mail icon cocoflowerpinterest icon cocoflowertumblr icon cocoflower
pinterest icon cocoflowermail icon cocoflowertumblr icon cocoflower
Faites un bouton droit sur chaque icône
avec votre souris et "enregistrer sous..."


2. Où trouver des sets d'icônes de médias sociaux pour votre blog ?

Il existe plein d'icônes gratuites sur le net. Pour les trouver, rien de plus facile.
Tapez "Social Icon Set" dans Google et ... hop... le choix est énorme !

J'ai trouvé pour ma part, une sélection de très jolies icônes sur ce blog : MomBlogcentral.

Notamment, avec ceux-ci réalisés par Noisette academy, qui sont de la couleur Pantone phare de l'année :

pantone colour of the year social media icons free icon
Noisette academy et ses icônes à la couleur pantone de l'année


3. Comment insérer ces icônes de médias sociaux sur votre blog ?

Bon, maintenant que l'on a ses supers icônes, comment les mettre sur son blog ?

  • Alors, vous avez une belle explication (en anglais désolée) sur le blog de Her new leaf.
ou
  • Voici la mienne pour insérer mes petits coeurs (ou autre icône) dans Blogger.
  1. Télécharger vos icônes sur votre ordinateur.
  2. Les mettre soit sur un hébergeur d'image (Photobucket,  Flickr, etc) ou votre serveur si vous en avez un (moi je les met sur mon espace 1and1 qui héberge mon site Cocoflower.org).
  3. Allez dans le Tableau de bord de Blogger.
  4. Puis dans "Mise en Page".
  5. Cliquer sur "Ajouter un gadget" et choisissez "Html/javascript".
    html javascript sur blogger
    Ajouter "HTML/JavaScript"
  6. Dans la case "Titre", on ajoute un titre. Si on ne met rien, aucun titre n'apparaît.
  7. Dans la case "Contenu", c'est là que l'on va ajouter son code pour que les icônes apparaissent.
  8. Pour chaque icône, il faudra mettre un code HTLM
    <a href="URL de votre lien" target="_blank"><img src="URL de votre image" 
    alt="texte alternatif si l'image ne s'affiche pas"/></a>
    
  9. Par exemple, pour mon icône Twitter, mon code sera :
    <a href="http://twitter.com/chezcocoflower" target="_blank">
    <img src="http://www.cocoflower.org/twitter.png" alt="Mon twitter"/></a>
    
    
  10. Vous insérez ce code (avec vos données spécifiques pour chaque icône) autant de fois que vous mettez une icône.
  11. Vous enregistrez et par le système du "glissé déposé" vous mettez votre code où vous le souhaitez dans votre blog.
Et voilou !!!!

************************************************************************

Vous aimez mes tutoriels et DIY?
Soutenez mon activité en visitant ma boutique de créations faites main.

Commentaires

  1. Merci pour le tuto, Coco ! Moi aussi j'en voulais :-D

    RépondreSupprimer
  2. Merci pour le tuto... Il faut que je songe à changer les miens ;)

    RépondreSupprimer
  3. Purée mais c'est PARFAIT! Je vais essayer :) Merci beaucoup d'avoir partagé! A bientôt.

    RépondreSupprimer
  4. Aaaaallééééluiiiiiaaaa ! Moi qui galérais comme pas possible, en fait c'est simple comme bonjour, merci merci! :D

    RépondreSupprimer
  5. J'avais galéré à trouver un tutoriel clair, et là tu m'as énormément aidée, j'ai tout réussi ! Merci mille fois :)

    RépondreSupprimer
  6. Merci c'est top comme explication !

    RépondreSupprimer
  7. super, merci pour ces infos !

    RépondreSupprimer
  8. Bonjour, j'ai un bouton avec une petite enveloppe et j'aimerais qu'elle permette de m'envoyer des mail, mais quel est le code HTML pour cela ?

    Merci d'avance

    RépondreSupprimer
  9. Super article qui me sera très utile ! Merci :)

    RépondreSupprimer

Enregistrer un commentaire

Posts les plus consultés de ce blog

DIY - Comment réaliser facilement des petites fleurs en tissu - tuto printanier

DIY Tuto : comment réaliser facilement des petites fleurs en tissu  Il y a quelques temps, une cliente de ma mercerie  m'a demandé si je pouvais lui faire des petites fleurs assorties aux boutons en tissu  qu'elle m'avait commandé. J'avais déjà fait ce type de fleurs pour des barrettes pour ma boutique d'accessoires et de bijoux fantaisies . Ces fleurs sont très simples à réaliser. Je partage avec vous ce tuto pour que vous puissiez créer ces petites fleurs qui pourront agrémenter joliment des barrettes, des broches, des chapeaux et autres créations de couture diverses et variées. Le matériel : -Du tissu fantaisie (des chutes ou des coupons font très bien l'affaire) -Une bobine de fil -Un crayon -De la colle à tissu -Des ciseaux -Optionnel : des boutons Etape 1 : tracez des cercles avec votre bobine de fil sur un morceau de tissu Etape 2 : Découpez vos cercles Etape 3 : pliez en deux votre cercle de tissu Etape 4 : repli

DIY réaliser des broches fun et colorées avec du washi masking tape - How to make fun and colorful brooches with washi masking tape

Aujourd'hui je vous propose de réaliser facilement de jolies broches colorées avec du Washi m asking tape . Vous savez ce ruban adhésif fait avec du papier japonais fantaisie !! Today, we make easily fun and colorful brooches with Washi masking tape , the adhesive made with Japanese paper !! ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ ✽ Quel matériel avez vous besoin ? What do you need ? Plusieurs rubans de Washi tape différents - On en trouve plein sur le net . Some differents Washi masking tapes patterns. Des formes en bois ovales et rondes. (à acheter dans les magasins de loisirs créatifs. J'ai dessiné le Dalla Horse, et fais faire sur mesure). Wood forms (oval and round). Des supports à broche .    Brooch pins . De la colle à bijoux - J'utilise de la Hasulith - J ewelry glue Du vernis colle -   J'utilise du vernis colle Decopatch - Nail glue Un pinceau - A brush Des boutons colorés de différentes formes et tailles, des

DIY Guirlande triangles granny au crochet pour chambre d'enfant

Aujourd'hui, je partage avec vous un DIY spécial décoration chambre d'enfant : une guirlande colorée en laine réalisée au crochet. Objectif : réaliser une jolie guirlande cozy et colorée.  Niveau : débutant - Nombre de triangles : 13 - Temps de réalisation : environ 2 jours - Points utilisés : maille coulée, maille serrée, bride Pour ce faire, il faut 4 laines de couleurs différentes pour les triangles (ici vieux rose, jaune pastel, bordeaux, menthe) + blanc (pour relier les triangles) et un crochet (taille 3.5). 1. Crocheter une chainette de 4 mailles, relier la première et la dernière maille par une maille coulée. Vous obtenez un cercle. 2. Dans ce cercle, crocheter : 6 mailles en l'air, 3 brides, 3 mailles en l'air, 3 brides, 3 mailles en l'air, 2 brides. On finit le tour par une maille coulée dans la 3eme maille en l'air de la chainette du début. 3.  Changement de couleur (ici jaune).  Réaliser dans le premier espace : 6 mailles