Comment personnaliser vos liens dans les colonnes ?

Bonjour à tous, c'est Osmany ;)

 

Pour ma première note sur ce blog, je vais vous montrer, étape par étape, comment faire pour personnaliser vos colonnes et avoir un blog qui soit le reflet de votre personnalité !

 

Tout d'abord, et avant de s'attaquer à la personnalisation en tant que telle, vous devez savoir que votre blog Hautetfort est entièrement personnalisable, grâce à l'accès libre à vos feuilles de styles situées dans l'onglet "Présentation" puis "Configuration avancée".

Mais manipuler ces codes est non conseillé si vous ne maîtrisez pas un minimum les subtilités du langage HTML.

Cependant, nous avons simplifié au maximum les fonctionnalités permettant une personnalisation des colonnes.

Tout se passe dans l'onglet "Présentation" puis "contenu des colonnes".

 

Pour en savoir plus, cliquez sur lire la suite ;)

 

En bas de cette page, vous avez l'élément suivant :

Ici, il faut nommer l'élément que vous souhaitez incorporer à vos colonnes et ajouter le texte OU le code html requis afin qu'il s'affiche correctement.

Maintenant, qu'est ce que l'on veut faire à titre d'exemple?

Nous allons afficher des images qui vont remplacer les catégories du blog !

Première étape: la création d'une image. Pour cela, vous pouvez récupérer une image sur internet (libre de droit de préférence) et la manipuler dans un éditeur d'image (Photofiltre par exemple, qui est gratuit et très bien) afin qu'elle ne dépasse pas 200 pixels en largeur (généralement la taille maxi de vos colonnes).

Supposons que nous avons créé le logo suivant pour notre catégorie : "trucs et astuces de blogging"

Deuxième étape : l'hébergement de l'image.

Pour ce faire, rendez-vous dans les onglets "Tableau de bord" et "fichiers" de votre interface, puis "uploadez" l'image symbolisant la catégorie.

Une fois cela fait, vous devriez avoir quelque chose qui ressemble à ça :

En réalisant un clic droit sur le lien du fichier que vous venez d'uploader, vous pouvez récupérer son URL. Notez là dans un coin, vous en aurez besoin. Ici, dans le cadre de notre exemple, l'URL est : http://leblog.hautetfort.com/files/trucsetastuces.jpg. Pour la catégorie en question (trucs et astuces) même principe: vous vous rendez sur votre blog et vous faites un clic droit sur le lien souhaité. ici, nous souhaitons la catégorie trucs et astuces, et ça donne : http://leblog.hautetfort.com/trucs-astuces/. Conservons ces adresse précieusement !

Troisième étape: ajouter l'élément à la colonne, grâce à un code HTML basique, dont voici le modèle : <a href="LIEN DE VOTRE PAGE"><img src="LIEN DE VOTRE IMAGE" border="0" alt="phrase descriptive"/></a>. Ce qui donne, si vous avez été bons élèves (ce dont je ne doute pas), ceci :

Simple comme bonjour n'est-ce pas?

Et après validation, vous retrouvez la jolie petite image en haut à gauche de ce blog qui renvoie vers la catégorie en question :-). Si vous avez des questions, défoulez-vous dans les commentaires, nous sommes là pour vous aider.