Toute personne possédant un compte Tumblr peut partager du contenu avec d'autres utilisateurs en appuyant sur la touche Bouton J'aime la,Bouton Reblog ou la Bouton d'envoi sur un article de blog particulier dans le tableau de bord de Tumblr.
Ces boutons intégrés vous permettent de partager du contenu dans les murs virtuels du réseau Tumblr. Cependant, ils ne vous permettent pas de partager du contenu à partir d'un blog Tumblr basé sur le Web (samedi). BlogName.Tumblr.com ) sur d’autres sites de médias sociaux tels que Facebook, Twitter, Google+ ou d’autres lieux.
Si vous souhaitez ajouter des boutons de partage supplémentaires à votre blog Tumblr afin qu'il ressemble à un vrai blog, vous pouvez soit payer un thème premium doté de boutons, soit effectuer vous-même le travail en copiant-collant du code dans le modèle de votre blog Tumblr. .
Ajouter 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 articles à venir.
Ne vous inquiétez pas, c'est plus facile que vous ne le pensez. Voici comment le faire.
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 créé un compte, la première chose à faire est de visiter Tumblr.com où il vous sera demandé de saisir votre adresse email, votre mot de passe et l'URL du blog souhaité pour commencer. .
Si vous avez déjà un compte et un blog, connectez-vous simplement.
02 de 07Choisissez vos boutons de médias sociaux
Faites une recherche sur Google pour les boutons de partage de réseau social que vous souhaitez mettre sur votre blog Tumblr. La plupart (sinon la totalité) des grands réseaux sociaux ont des pages d’aide dédiées qui vous expliquent comment l’installer.
Pour votre commodité, voici quelques pages de boutons de partage officiels pour certains des réseaux sociaux les plus populaires:
- Bouton officiel Facebook Like
- Bouton officiel Twitter Tweet
- Bouton officiel de partage LinkedIn
- Bouton officiel de partage Google+
- Bouton officiel de Pinterest Pinterest Save
Certains réseaux sociaux vous permettent de personnaliser leurs boutons, notamment en modifiant leur taille, le texte du titre supplémentaire, la structure des URL, l’option de nombre de partages et les paramètres de langue. Tous les réseaux sociaux ne vous le permettent pas, mais pour ceux qui le font, l'extrait de code change en fonction de la configuration.
Essayez de ne pas inclure trop de boutons sur votre blog, car cela pourrait gêner l'apparence de vos articles et les rendre plus confus pour les lecteurs qui souhaiteraient peut-être partager votre contenu.
Envisagez de placer un maximum de cinq ou six boutons de médias sociaux sous chaque article de blog, mais moins c'est probablement mieux.
03 de 07Personnalisez vos boutons et saisissez le code
Suivez les instructions de 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 vierge contenant un mot ou un texte. Faites-le pour tous les boutons de votre choix afin d'avoir la chaîne de code de chaque bouton prête à l'emploi.
04 de 07Accéder à 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 Bouton Modifier le thème. Votre blog s'ouvrira en mode prévisualisation à droite de l'écran avec un éditeur à gauche.
Cliquez sur Modifier le code HTML dans l'éditeur à gauche sous l'étiquette de 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ées en consultant cette section. Il est important de vous rappeler que vous n’écrirez aucun nouveau code.
Tout ce que vous avez à faire est de placer le code du bouton dans les documents de thème, ce qui vous sera montré dans les sections suivantes.
05 de 07Rechercher dans votre code de thème
La seule ligne de code à rechercher est la ligne qui se lit comme suit: {/ block: Posts}.
Cereprésente la fin de l'article et se trouve généralement dans la partie inférieure des documents de thème, en fonction du thème Tumblr que vous utilisez. Si vous avez des difficultés à trouver cette ligne de code simplement en la parcourant, vous pouvez utiliser le Ctrl + F / Cmd + F raccourci clavier ou cliquez sur le bouton icône d'engrenage dans le coin supérieur gauche de l'écran, cliquez sur Trouver et remplacer puis tapez {/ block: Posts} dans le Rechercher un champ.
La fonction de recherche trouvera et mettra automatiquement en évidence{/ block: Posts} dans votre code de thème.
06 de 07Collez le code du bouton dans votre code de thème
Copiez le code de bouton personnalisé que vous avez créé et collez-le directement devant la ligne de code qui se lit comme suit: {/ block: Posts}.
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 au sommet de l'éditeur.
07 de 07Testez votre blog Tumblr pour voir vos nouveaux boutons de partage social
Vous avez réussi à la partie amusante. Si vous avez correctement placé le code du bouton dans votre code de thème, votre blog Tumblr devrait afficher les boutons de partage de votre choix au bas de chaque message et également sur chaque message figurant dans le flux principal.
Vous pouvez cliquer dessus pour partager facilement vos publications Tumblr sur d'autres réseaux de médias sociaux.
Conseils:
- Collez le code du bouton dans vos documents de thème chaque fois que vous changez le thème de votre blog en un nouveau thème. Changer le 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 médias sociaux sur votre blog, assurez-vous qu'il n'y a pas d'espaces ou de nouvelles lignes entre deux extraits de code de bouton différents. Cela garantira que plusieurs boutons sont affichés horizontalement l'un à côté de l'autre, au lieu d'être affichés verticalement sur des lignes différentes.
- Essayez de placer les extraits de code des boutons de réseau avant d’autres éléments {/ block:. En fonction de votre thème, vous remarquerez peut-être que les boutons apparaissent au bas de la page du blog, après toutes les notes des autres utilisateurs de Tumblr.
