18 mars 2018

Créer ses icones pour les réseaux sociaux

Créer ses propres icones et liens vers ses réseaux sociaux

Icones reseaux sociaux
Vous souhaitez ajouter des icônes pour vos réseaux sociaux à votre blog ou site rien de plus simple !


Les réseaux sociaux sont des éléments majeurs pour votre blog ou site leur réputation et leur utilité n'est plus à faire.

Facilement reconnaissables et même personnalisables pour qu'ils s'adaptent parfaitement au design de votre site.

Vous pouvez créer vous même vos icônes déjà tout simplement en cherchant les images sur Google et en les retravaillant sur un logiciel simple de retouche photo pour leur donner la forme et la taille voulue. Notamment avec ce logiciel en ligne gratuit dont j'ai parlé dans cet article.

Ou plus simple encore, faire appel à un hébergeur d’icônes officiels, voici un listing, il y en a pour tous les goûts et les couleurs ! sachant que chaque hébergeur a encore des variantes.
Vector Polygon Social Media Icons par LunarPixel
Lunarpixel Deviant Art


Absdostan
Absdostan

Design deck
Design Deck 

Dribbble
Dribbble

Icones reseaux sociaux
Icones triangles

Fontawesome en anglais mais large choix et obtention du code simple que j'ai choisi pour ma part.

Comment ajouter ses icones de réseaux sociaux dans son blog ?


Télécharger le pack d'icones, dezipper avec winrar ou winzip par exemple.
Faites votre choix !

Ensuite rendez vous dans "nouvel article"

Insérer les images des icônes choisis.
Sélectionner et cliquer sur le bouton "Associer" pour chaque icone.
Insérer votre lien correspondant, lien qui renvoie donc à votre page facebook, à votre compte twitter etc...


Capture ecran réseaux sociaux
Cocher la case "ouvrir ce lien dans un nouvel onglet" si vous préférez cette option.


Supprimer la mise en forme : bouton avec un T et une croix rouge.
Disposez les différentes icônes comme vous le souhaitez : alignées, en colonne......
Ensuite vous vous mettez en version HTML pour obtenir le code que vous copiez.


Pour Blogger, se rendre dans la Mise en page, ajouter un gadget HTML et copier le code puis valider. Déplacer votre gadget à l'endroit où vous souhaitez que vos icônes apparaissent.

Aperçu et si cela vous convient enregistrer la Mise en page.

Les icônes sont désormais présentes et cliquables sur votre blog ou site.

serial blogueuse




Aucun commentaire:

Enregistrer un commentaire