Avec un thème Tumblr comme Kalalalani, Prologue ou Vignetti, vous pouvez ajouter une liste de type blogroll directement sur la barre latérale en ajoutant quelques lignes de code personnalisé à votre modèle. Si votre thème ne prend pas en charge une barre latérale, cependant, vous pouvez toujours ajouter un blogroll en créant une nouvelle page Tumblr contenant tous les blogs que vous suivez personnellement et que vous souhaitez partager avec d’autres.
Ajouter Blogroll à la barre latérale du thème
Connectez-vous à votre compte Tumblr, cliquez sur « Personnaliser », puis sélectionnez « Modifier le code HTML ». »
Faites défiler le code HTML jusqu’à ce que vous trouviez la section contenant la barre latérale du thème. Par exemple, la barre latérale du thème Kalalalani commence par « < ol > » et se termine par « </ol >. »
Insérez une ligne vide au-dessus de la balise » </ol > » pour laisser de la place au code HTML supplémentaire.
Tapez une nouvelle balise « < li > » dans la ligne vide que vous avez créée pour ajouter un autre élément de liste. L’éditeur de Tumblr ajoute automatiquement la balise de fermeture pour vous.
Tapez « Blogroll » au point d’insertion entre les balises « < li > » et « </li > » pour créer une étiquette pour la section blogroll de la barre latérale.
Cliquez sur « Aperçu de la mise à jour » pour voir si le texte « Blogroll » apparaît dans la barre latérale. Certains thèmes nécessitent un code CSS supplémentaire pour rendre votre nouveau texte visible. Par exemple, pour rendre « Blogroll » visible dans le thème Kalalalani, remplacez la balise « < li > » par le code suivant qui changera la couleur du texte de l’étiquette en blanc:
< li style = »couleur:blanc »>
Cliquez au-dessus de la balise « </ol > », puis appuyez sur « Entrée » pour créer une ligne vide pour un lien blogroll.
Tapez le code HTML de l’élément de liste qui contiendra le premier lien blogroll. Par exemple, tapez la ligne suivante sous l’étiquette blogroll:
< li > < a >
L’éditeur ajoute automatiquement les balises de fermeture pour vous lorsque vous tapez, de sorte que votre code ressemble à ceci:
< li > <a > </a > </li >
Tapez le code HTML pour ajouter l’URL du premier blog dans la balise « < a > ». Par exemple, si votre premier blog a l’URL « http://myfavoriteblog.com », votre code doit ressembler à ce qui suit:
< li> < a href= »http://myfavoriteblog.com »></ a > </li >
Cliquez devant la balise « </a > », puis tapez le nom du premier blog. Par exemple, si le blog s’appelle « Mon blog préféré », votre code doit ressembler à la ligne suivante:
< li > <a href= »http://myfavoriteblog.com » > Mon Blog préféré </a > </ li >
Cliquez sur « Aperçu de la mise à jour » pour afficher vos modifications.
Ajoutez du code CSS pour réduire la taille du nom du premier blog. Par exemple, si vous utilisez le thème Kalalalani, modifiez la taille de la police à environ 10 pixels. Votre code ajusté devrait ressembler à ce qui suit:
< li style= »font-size: 10px » > < a href= »http://expectedend.com »>My Blog préféré </a > </ li >
Cliquez sur « Aperçu de la mise à jour » pour afficher vos modifications. Utilisez le premier lien blogroll que vous avez créé comme exemple pour ajouter des blogs supplémentaires.
Cliquez sur « Enregistrer » pour rendre vos modifications permanentes.
Ajouter une page Blogroll
Cliquez sur la flèche arrière du panneau Personnaliser, puis cliquez sur le bouton « Ajouter une page ».
Saisissez un nom pour compléter l’URL de votre nouvelle page. Par exemple, si votre URL Tumblr est « goodblog.tumblr.com , « votre URL terminée devrait ressembler à la ligne suivante :
goodblog.tumblr.com/blogroll
Tapez un titre pour votre page blogroll, puis cliquez sur l’interrupteur à bascule « Afficher un lien vers cette page » pour l’activer.
Tapez le nom de votre premier blog dans la zone d’édition.
Sélectionnez le nom du blog, puis cliquez sur le bouton « Insérer / Modifier le lien ».
Tapez l’URL du blog dans la zone de saisie intitulée « URL du lien », cliquez sur le bouton « Insérer un lien », puis cliquez sur « Enregistrer. »
Avertissements
Bien que vos changements de thème puissent sembler corrects dans le volet d’aperçu de Tumblr ou dans votre navigateur Web, les visiteurs utilisant un autre navigateur ou un appareil mobile peuvent voir des éléments déplacés ou déformés. Affichez votre blog Tumblr en utilisant autant de navigateurs et de plates-formes matérielles différents que possible pour vous assurer que votre site a toujours l’apparence que vous aviez l’intention de lui donner.
