lundi 14 avril 2014

★ Comment intégrer des icônes pour réseaux sociaux sur son blog ? ★

En ce moment vous avez du remarquer, je suis entrain de mettre en place pas mal de choses sur mon blog.
 J'ai suivi une superbe formation online dont je vous parlerais dans un prochain post et cela m'a permis de me poser les bonnes questions pour mon blog
Alors prochainement, je vais vous faire 2 ou 3 articles sur quelques petites choses pratiques pour le blog

Aujourd'hui nous allons parler boutons !!!!
Vu que je me suis un peu embêtée à trouver comment installer des boutons sur mon blog pour les réseaux sociaux, je me suis dit que ce petit tuto devrait peut être en intéresser certains ...

Hé bien oui, comment installer des boutons ou des icônes sous blogger ?
Vous savez ceux qu'on voit sur le côté d'un blog où il n'y a plus qu'à cliquer dessus comme ceux là par exemple :




Images empruntées sur la boutique de Aurélie Talbot ici 

Non non je ne connais pas cette personne mais j'ai craqué sur ses jolies boutons ;-)

Je pensais que cela serait facile mais ... je ne trouvais pas quelque chose qui me plaisait alors voilà comment j'ai procédé pour installer les miens.

1ère étape : Tout d'abord il vous faut de jolis boutons. 

- Soit vous les faites vous même si vous êtes un ou une pro de photoshop ou autre logiciel de ce type 
- Soit vous en achetez dans une boutique comme celle de Aurélie Talbot  dont je viens de vous parler
- Ou bien vous en trouvez en free sur un blog qui a la gentillesse de vous faire un cadeau !
On en trouve sur des blogs américains, si vous voulez un ou deux adresses car vous ne trouvez pas, laissez moi un commentaire ! Ou si vous connaissez quelques adresses je suis preneuse ;-)

2ème étape : Écrire un nouvel article sous blogger 

Vous ouvrez une nouvelle page et vous allez insérer chaque icône ou bouton dans votre texte de ce nouvel article comme vous le faites habituellement pour insérer une photo.
Puis vous associer à chaque image un lien ou un email qui correspond à chaque image avec le bouton Associer. J'espère que je suis claire dans mes explications !

3ème étape : Copier le code html

Toujours sur la même page où vous rédigez votre article, vous allez cliquer sur le bouton en haut à gauche HTML juste à côté de celui Rédiger. Hé bien là miracle le code apparaît !!!
Vous sélectionnez tout le code et vous le copiez. Enregistrer en brouillon votre article au cas ou ...

4ème étape : Coller le code dans un gadget

Pour cela, il faut aller sur la mise en page puis on clique sur ajouter un gadget et on choisit
celui-ci html/javascript

HTML/JavaScriptHTML/JavaScriptAjouter
Ajouter une fonctionnalité tierce ou un autre code à votre blog.
Par Blogger 

Et vous collez votre code, donnez un titre (j'ai mis un espace) et vous enregistrez et c'est fini !!!!
Enregistrez la mise en page et vous pouvez admirer vos beaux boutons

Edit du 11/11/2014 :
Voici un lien avec des boutons gratuits ;-) à télécharger
http://byourownblog.blogspot.fr/2013/05/blog-design-25-free-social-media-icon.html
Rendez-vous sur Hellocoton !
Related Posts Plugin for WordPress, Blogger...