Le Journal du Blog
Le blog des blogueurs
Le blog des blogueurs
La première chose que vous devez personnaliser sur votre blog est le header (en tête). Même si vous utilisez un thème commun et que vos connaissances en hmtl/css sont limitées vous devez prendre quelques minutes pour le personnaliser. C’est ce dernier qui va donner une identité à votre blog et le différencier des personnes utilisant le même thème.
Il est établi que les logos/headers sont cliquables de manière à revenir sur la page d’accueil. C’est d’ailleurs la façon qu’utilisent de nombreux internautes pour revenir à l’index principal. Si votre logo n’est pas cliquable, les internautes peuvent être déroutés. Voici une solution simple et efficace pour rendre votre logo cliquable.
En revanche, il arrive bien souvent que le header d’un thème soit réalisé à l’aide d’une grande image. Une fois que vous aurez placer le titre et/ou logo de votre blog, il faudra rendre cette zone cliquable, sans pour autant que toute l’image du header soit cliquable (notamment s’il se confond avec le fond de votre blog).
Il s’agit d’utiliser une balise <div> (HTML) et de lui appliquer un style (CSS) vous pouvez appliquer ce style directement dans la balise <div> ou dans le fichier style.css.
Il vous faudra donc créer une balise <div>, lui donner une taille et ensuite lui attribuer un lien. Autrement dit, créer un espace vide cliquable.
Pour que cet espace soit cliquable, mettez le dans une balise lien <a>
Exemple en intégrant le style directement dans le code :
<a href= »http://www.votre blog.com »><div style= »width:900px; height:100px; position:absolute; top:30px; left:100px; »></div></a>
Vous devez ensuite modifier les paramètres du style en fonction de votre blog :
Il existe différentes solutions pour positionner votre zone cliquable via le CSS. Cette solution est surement la plus simple mais pas forcément la meilleure. En fonction de la taille et de la résolution de l’écran, la position par rapport au coin supérieur gauche est modifié. Vous pouvez également utiliser des valeurs relatives pour le width (en pourcentage).
Matthieu M. (3 years ago)
Voilà une explication claire pour une chose pas forcément évidente pour les nouveaux blogueurs.
Thierry Benquey (3 years ago)
Ben ils seront pas décu sur mon blog ou le header fait un écran…
Tiens je viens de publier un article ou je fais de la pub pour vous suite à votre article sur QualiSEO qui m’a permis de découvrir un annuaire compatible avec mon blog.
Merci au Journal du Blog donc.
Thierry
Guillou (1 year ago)
Ben, moi, j’ai rien capté ! Je comprends rien aux CSS
El ouali Mounir (1 year ago)
merci pour cette expliaction
Jenna Denafo (9 months ago)
This post seems to get a good ammount of visitors. How do you advertise it? It gives a nice individual twist on things. I guess having something authentic or substantial to say is the most important factor.
pauline (7 months ago)
A quel endroit doit-on mettre le code dans le CSS ?
Formation Création (6 months ago)
Bonjour,
Ce code ne fonctionne pas sur tous les navigateurs car il n’est pas valide W3C.