Samedi 12 avril 2008
Le but est de faciliter la navigation sur votre blog : plus elle sera aisée, plus longtemps le visiteur restera sur votre blog.
En bas de vos articles, vous avez sans doute mis l'étiquette "Publié dans : la catégorie". Elle n'a d'intérêt que si elle incite votre visiteur à cliquer dessus pour aller voir les autres articles de cette catégorie.
PREMIERE ETAPE
Avec un logiciel de dessin, vous créez une image de la sorte
Vous écrivez cette phrase sur un fond transparent ou sur le fond de votre blog.
Je lui ai mis les dimensions suivantes : 300px * 20px.
Pensez à utiliser la même police, taille et couleur, que sur votre blog.
Vous hébergez ensuite cette image.
DEUXIEME ETAPE
Dans Configurer, sous l'article, vous réservez une des 2 lignes pour mettre l'étiquette "publié dans"
TROISIEME ETAPE
Dans le(s) CSS, vous rajoutez
On place le texte à droite.
On place cette phrase en background et on demande qu'elle soit sur la gauche en haut
On crée une marge sur la gauche pour ce background
QUATRIEME ETAPE
Le résultat
En bas de vos articles, vous avez sans doute mis l'étiquette "Publié dans : la catégorie". Elle n'a d'intérêt que si elle incite votre visiteur à cliquer dessus pour aller voir les autres articles de cette catégorie.
PREMIERE ETAPE
Avec un logiciel de dessin, vous créez une image de la sorte
Vous écrivez cette phrase sur un fond transparent ou sur le fond de votre blog.
Je lui ai mis les dimensions suivantes : 300px * 20px.
Pensez à utiliser la même police, taille et couleur, que sur votre blog.
Vous hébergez ensuite cette image.
DEUXIEME ETAPE
Dans Configurer, sous l'article, vous réservez une des 2 lignes pour mettre l'étiquette "publié dans"
TROISIEME ETAPE
Dans le(s) CSS, vous rajoutez
.topic {text-align:right;background-image:url(http://www.casimages.com/img/jpg/07091609353762651242228.jpg); background-repeat:no-repeat;background-position:top left
;padding-left:300px;padding-top:2px;}
On place le texte à droite.
On place cette phrase en background et on demande qu'elle soit sur la gauche en haut
On crée une marge sur la gauche pour ce background
QUATRIEME ETAPE
Le résultat
Recherche Rapide Sur le Site
Publicité
Catégories
Dernières Astuces
-
Offrez-vous 9 minutes de gloire sur un site
Ce ne sont pas 15 minutes, mais 9 minutes de gloire pendant lesquelles les derniers articles...
-
Enlever les fonds d'origine dans le Design Jackye Brown
AVANT TOUTES ACTIONS : Dans Design, vérifiez que vous avez bien sélectionné le...
-
Privilège - Créer un slideshow avec boutons Play/Stop - NoobSlide/Sample 2
NoobSlide est un script qui vous permet de faire défiler vos images. Voir Sample 2 ...
-
Mettre une image devant le titre de la fenêtre Recommander
Vous allez dans le CSS et vous rajoutez ce qui est en rouge ou toute la ligne si elle n'existe...
-
Installer un Message secret à gratter
Pour obtenir ce widget très simple et ludique, connectez-vous à widgetbox. Vous pouvez...
-
Privilège - Créer un slideshow simple avec NoobSlide - Sample 1
NoobSlide est un script qui vous permet de faire défiler vos images. Voir Sample 1 ...
-
Espacer les lettres des mots dans un article
Vous écrivez votre phrase en mode normal. En mode source, vous obtenez Vous...
-
Récapitulatif : changer l'écriture du titre du résumé d'article en accueil
Créez un blog qui vous...
-
Masquer la pagination dans les articles des archives
Si vous avez un accueil splash sur votre blog, le plus simple est de mettre un lien d'entrée...
-
Mettre une image sous le titre l'article
Vous allez dans le CSS, vous rajoutez le contenu de la ligne ou toute la ligne si elle...
Fêtons le Printemps
A suivre...
|
Visiteurs Blogasty
|
|
|
Faire un lien vers les Ficelles
|
|
Code à recopier: |
|
Les Ficelles d'Anna K. Sur votre Blog
|
|
Générateurs
|
|
Suivi technique de la plateforme Over-Blog
|
|
|
Commentaires