Comment mettre des boutons de médias sociaux sur un blog Tumblr

click fraud protection

Toute personne ayant un Compte Tumblr pouvez partager du contenu avec d'autres utilisateurs en appuyant sur le J'aime le bouton les, bouton Reblog, ou la Bouton d'envoi sur un article de blog particulier dans le tableau de bord Tumblr.

Ces boutons intégrés vous permettent de partager du contenu au sein des murs virtuels du réseau Tumblr; Cependant, ils ne vous offrent pas la possibilité de partager du contenu à partir d'un blog Tumblr sur le Web sur d'autres grands sites de médias sociaux tels que Facebook ou Twitter.

Si vous souhaitez ajouter des boutons de partage supplémentaires à votre blog Tumblr pour qu'il ressemble à un vrai blog, vous pouvez soit payer pour un thème premium équipé de boutons ou faites le travail vous-même en copiant et en collant du code dans votre blog Tumblr modèle.

L'ajout d'une seule bande de code dans la section droite des documents HTML de votre thème placera automatiquement des boutons de médias sociaux sous chaque article de blog précédemment publié et tous les futurs articles de blog.

instagram viewer

Ne vous inquiétez pas, c'est plus facile que vous ne le pensez. Voici comment procéder.

Inscrivez-vous ou connectez-vous à votre compte Tumblr pour créer ou accéder à votre blog

Si vous n'avez pas encore créé de blog Tumblr ou même ouvert un compte, la toute première chose que vous devez faire est de visiter Tumblr.com où il vous sera demandé d'entrer votre adresse e-mail, votre mot de passe et l'URL de blog souhaitée pour commencer.

Si vous avez déjà un compte et un blog, connectez-vous simplement.

Choisissez vos boutons de médias sociaux

Faites une recherche sur Google pour les boutons de partage de réseaux sociaux que vous souhaitez mettre sur votre blog Tumblr. La plupart (sinon tous) des principaux réseaux sociaux ont des pages d'aide dédiées qui vous montrent comment le configurer.

Pour votre commodité, voici quelques pages officielles de boutons de partage pour certains des réseaux sociaux les plus populaires:

  • Bouton J'aime officiel de Facebook
  • Bouton officiel Twitter Tweet
  • Bouton officiel de partage LinkedIn
  • Bouton officiel d'enregistrement de Pinterest

Certains réseaux sociaux vous permettront d'apporter des personnalisations à leurs boutons, notamment des modifications de la taille des boutons, du texte de titre supplémentaire, Structure d'URL, l'option de nombre de partages et les paramètres de langue. Tous les réseaux sociaux ne vous permettront pas de le faire, mais pour ceux qui le font, l'extrait de code changera en fonction de la façon dont vous l'aurez configuré.

Essayez de vous abstenir d'inclure trop de boutons sur votre blog, car cela pourrait rendre l'apparence de vos articles encombrée et déroutante pour les lecteurs qui pourraient vouloir partager votre contenu.

Envisagez de placer un maximum de cinq ou six boutons de réseaux sociaux sous chaque article de blog, mais moins, c'est probablement mieux.

Personnalisez vos boutons et récupérez le code

Suivez les instructions sur la page du bouton de partage du réseau social pour personnaliser votre bouton si nécessaire. Une fois terminé, vous devriez recevoir une chaîne de code dont vous aurez besoin pour votre blog Tumblr.

Copiez-le et collez-le dans un document Word ou texte vierge. Faites-le pour tous les boutons que vous voulez afin d'avoir la chaîne de code de chaque bouton prête à l'emploi.

Accédez à votre code de thème Tumblr

Retournez à votre tableau de bord Tumblr. Clique le icône de personne dans le menu en haut à droite puis cliquez sur Modifier l'apparence dans le menu déroulant du blog correspondant (si vous avez plusieurs blogs).

Sur la page suivante, cliquez sur le Bouton Modifier le thème. Votre blog s'ouvrira en mode aperçu sur le côté droit de l'écran avec un éditeur à gauche.

Cliquez sur Modifier le code HTML dans l'éditeur à gauche sous l'étiquette Thème personnalisé. L'éditeur se développera pour vous montrer tout le code de votre thème.

Les personnes qui n'ont pas l'habitude de travailler avec HTML, PHP, JavaScript et d'autres codes informatiques peuvent se sentir intimidés en consultant cette section. La chose importante à retenir est que vous n'écrirez aucun nouveau code.

Tout ce que vous avez à faire est de placer le code du bouton dans les documents du thème, ce qui vous sera expliqué dans les sections suivantes.

Rechercher dans votre code de thème

La seule ligne de code que vous devez trouver est la ligne qui lit: {/bloc: messages}.

Cette représente la fin du billet de blog et se trouve généralement près de la section inférieure des documents thématiques, selon le thème Tumblr que vous utilisez. Si vous avez des difficultés à trouver cette ligne de code simplement en la parcourant, vous pouvez essayer d'utiliser le Ctrl+F/Cmd+F raccourci clavier ou cliquez sur le icône d'engrenage dans le coin supérieur gauche de l'écran, cliquez sur Trouver et remplacer puis tapez {/bloc: messages} dans le Rechercher un champ.

La fonction de recherche trouvera et mettra en évidence automatiquement {/bloc: messages} dans votre code de thème.

Collez le code du bouton dans votre code de thème

Copiez le code du bouton personnalisé que vous avez créé et collez-le directement avant la ligne de code qui lit: {/bloc: messages}.

Cela indique au thème du blog d'afficher les boutons de médias sociaux au bas de chaque article de blog.

Cliquez sur Aperçu de mise à jour puis cliquez sur le bouton bleu Enregistrer en haut de l'éditeur.

Testez votre blog Tumblr pour voir vos nouveaux boutons de partage social

Vous avez atteint la partie amusante. Si vous avez correctement placé le code du bouton dans votre code de thème, votre blog Tumblr devrait afficher le boutons de partage de votre choix au bas de chaque publication individuelle et également sur chaque publication affichée sur la page principale alimentation.

Vous pouvez cliquer dessus pour partager facilement vos publications Tumblr sur d'autres réseaux de médias sociaux.

  • Collez le code du bouton dans vos documents de thème chaque fois que vous modifiez le thème de votre blog en un tout nouveau thème. La modification du thème ne transférera pas le code précédemment collé dans les nouveaux documents de thème.
  • Lorsque vous placez plusieurs boutons de réseaux sociaux sur votre blog, assurez-vous qu'il n'y a pas d'espaces ou de nouvelles lignes entre deux extraits différents de code de bouton. Cela garantira que plusieurs boutons sont affichés horizontalement les uns à côté des autres au lieu d'être affichés verticalement sur des lignes différentes.
  • Essayez de placer les extraits de code des boutons sociaux avant les autres éléments {/block: également. Selon votre thème, vous remarquerez peut-être que les boutons apparaissent tout en bas de la page du blog, après toutes les notes des autres utilisateurs de Tumblr.
instagram story viewer