Tutoriels

reseaux-sociaux-blogger

Comment installer des boutons de réseaux sociaux sur son blog ?

Régulièrement, on me demande comment installer des boutons de réseaux sociaux sur son blog. Et c’est une très bonne question ! En effet, je trouve qu’il est important d’ajouter des boutons de réseaux sociaux sur son blog. Cela permet à vos lecteurs de naviguer facilement d’un réseau à un autre, et éventuellement de s’y abonner. Aussi, je vais vous donner une technique ultra simple, à la portée de tout le monde ! Et en cadeau, je vous offre des boutons de réseaux sociaux, crées par mes soins :-)

Alors, concrètement, on fait comment ? Réponse dans la suite de l’article !
boutons-re-CC-81seaux-sociaux
Tout d’abord, vous devez créer des images qui vont renvoyer vers vos réseaux sociaux. C’est ce que l’on appel généralement, des « boutons ». Personnellement, je crée mes boutons sous Photoshop, tout simplement. Si vous souhaitez un article détaillé pour savoir comment je procède, dîtes le moi. Sinon, je vous invite à télécharger les boutons ci-dessous (clique droit  > enregistrer sous). Et oui, c’est mon cadeau du jour ! Vous avez le choix entre deux séries que voici :
instagram-bouton google-252B-bouton facebook-bouton twitter-bouton
bouton-google- bouton-instagram bouton-facebook bouton-twitter
e-CC-81crire-nouvel-article-blogger
Ensuite, vous devez faire comme si vous vouliez écrire un nouvel article pour votre blog. En effet, on va se servir de Blogger pour générer le code qui nous servira à installer les boutons sur votre blog !
charger-boutons-article
Habituellement, lorsque vous écrivez un article pour votre blog, vous y ajoutez des images. De la même manière, insérez vos boutons un par un dans l’article. Disposez-les de la façon qui vous plaît le plus !
4
Vous devez alors associer chacun de vos boutons avec son lien correspondant. Exemple avec le bouton « Facebook » : vous cliquez sur l’image et ensuite sur « Associer« . Là, vous entrez le lien exacte de votre réseau social. Et ainsi de suite pour chacun des réseaux !
5
Lorsque toutes vos images seront associées à leurs liens respectifs, votre code sera prêt. Pour le récupérer, rien de plus simple ! Toujours sur la page de rédaction de l’article, cliquez sur « HTML » juste après « Rédiger ». Vous devez alors simplement copier le code qui apparaît, en entier. Ensuite, fermer l’article, sans le publier. Sous Blogger, aller dans Mise en Page, puis ajoutez un gadget HTML. À l’intérieur du gadget, collez le code que vous aviez au préalable copié. Enregistrez, et voilà !
6
C’est terminé ! Vous pouvez maintenant effacer l’article, ou le laisser en brouillon :-)
Des questions ? Ça se passe dans les commentaires !
76
3
signature-blogger

Insérer une signature dans ses messages sur Blogger

Depuis que je réalise des designs de blogs, je me suis aperçue que vous étiez beaucoup à vouloir insérer une signature personnalisée et automatique dans vos articles. Bien entendu, il est possible d’ajouter « manuellement » une signature à chaque nouvel article (comme vous le feriez pour une image), mais il faut avouer que c’est pas très pratique… Et si jamais vous souhaitez changer par la suite, bonjour la galère pour éditer chacun de vos articles ! Je vais donc vous expliquer ici comment ajouter une signature automatique dans vos messages sur Blogger !

READ MORE

21
0
bouton-photoshop

Créer des boutons pour son Blog avec Photoshop

Et voici un nouveau tutoriel pour embellir son blog, avec Photoshop ! Cette fois ci, je vous propose de réaliser des boutons pour agrémenter votre blog. J’ai choisi une forme très simple, et que l’on retrouve beaucoup en ce moment sur la bloguosphère : les fameuses petites banderoles ! Ces boutons sont à positionner dans les colonnes latérales de vos blogs, vous êtes aussi libres de choisir les couleurs qui vous plaisent etc. Et bien sûr, si vous avez des questions, je me ferai une joie d’y répondre en commentaire !

READ MORE

28
0
photoshop-blog

Personnaliser son Blog avec Photoshop

Aujourd’hui, c’est un nouveau tutoriel sur Photoshop que je vous propose de faire ! Au menu, une technique bien connue qui consiste à incruster de l’image dans un texte. Il existe plusieurs procédés pour faire cet effet, mais chaque personne a ses préférences. J’ai choisi de vous montrer la technique avec le tampon de duplication, comme mon précédent tutoriel Photoshop. Je trouve par exemple que cette technique est hyper jolie pour créer des bannières pour les Blogs. J’espère que ça vous plaira, et si vous avez des questions, rendez-vous dans les commentaires :-)

READ MORE

41
0
photoshop-blog

Photoshop pour embellir son Blog

Aujourd’hui, je voulais partager avec vous une technique d’infographie très simple, que l’on peut réaliser sous Photoshop. J’aime bien cette technique, car elle permet de faire de jolis titres pour personnaliser son blog. Pour celles et ceux qui n’auraient pas ce logiciel, sachez que Adobe, dans son extrême générosité offre Photoshop CS2, trop sympa ! Pour revenir au tutoriel, je vais donc vous montrer du mieux possible, comment je fais mes petits nuages, avec les effets mignons. J’espère que ce sera assez compréhensible !



READ MORE

60
1