jeudi 29 octobre 2009

Ouvrir tous ses liens dans une nouvelle fenêtre

La volonté de chaque blogueur est de capter l'attention de ses lecteurs le plus longtemps possible et d'éviter qu'ils s'échappent notamment à l'occasion de l'ouverture d'un lien vers un autre site.
Pour ce faire, la commande target="_blank" est très pratique et permet d'ouvrir une nouvelle fenêtre à chaque clic. La lecture faite, votre visiteur n'a pas perdu votre blog et peut donc continuer son parcours.
Nous pouvons généraliser cette option à tout le site. Chaque clic qu'il soit vers un lien, un libellé ou un article s'ouvrira dans une nouvelle fenêtre. Il n'y aura plus de préoccupations de votre part.

Procédure

Pour ce faire, vous allez dans le menu Mise en page puis Modifier le code Html. (NB)

Vous recherchez dans le modèle la balise <head> et vous coller juste après ce code :
<base target='_blank'/>

Dorénavant, tous les liens s'ouvriront dans une nouvelle fenêtre.

A+

NB : A la suite d'une évolution chez Blogger, le menu Mise en page est devenu Présentation.

mercredi 28 octobre 2009

Insérer des liens : Vous aimerez peut être

L'attention de votre lecteur s'est portée vers un article que vous avez publié. Vous souhaitez sûrement le retenir plus longtemps et notamment lui montrer d'autres réalisations.
Un utilitaire peut vous aider dans cette opération : Linkwithin.
Ce petit programme permet d'insérer à la fin de chacun de vos articles une sélection de 3 (à 5) vignettes et titres d'autres articles.
Pour insérer tout cela, c'est très simple.

Procédure

Vous devez vous connecter au site Linkwithin.
Vous saisissez les données mail, adresse du blog, sélectionnez plateforme Blogger et indiquez le nombre de liens que vous voulez intégrer. Puis vous cliquez sur le bouton Get Widget.

Une nouvelle fenêtre s'ouvre.
Vous cliquez sur le bouton Install Widget.

Vous revenez automatiquement dans l'interface Blogger avec l'écran suivant.
Vous sélectionnez le blog sur lequel vous voulez implanter le gadget et vous cliquez sur le bouton Ajouter un gadget.

Vous êtes basculé dans les Eléments de la page du menu Mise en page.
Votre gadget s'est positionné dans une colonne.
Pour une meilleure efficacité, il est recommandé de déplacer ce gadget en dessous du bloc de message.

Ensuite Enregistrer vos modifications.

Et voici le résultat.
A la fin de chaque message, une vignette et un titre de message permettra à votre lecteur d'être renvoyé vers la lecture d'un autre article s'il le désire.

A+

samedi 24 octobre 2009

Résumer un article et lien Plus d'infos

La possibilité de n'afficher qu'une partie d'un article est une option qui manquait aux rédacteurs de longs messages.
Blogger vient d'ajouter cette fonctionnalité que l'on appelle plus communément par le "Lire la suite" (ou le "Plus d'infos" selon l'indication du texte du lien qui renvoie vers la suite (justement) de la lecture du message ainsi tronqué).

Cette option n'est pas sans difficulté à manier. En effet, selon les cas, il n'est pas rare de constater que son usage se traduit par un dérèglement général du blog qui voit la colonne de droite se retrouver tout en bas de la page d'accueil. Cela fait un peu désordre !

On ne le répétera jamais assez : avant de faire des manipulations sur le code du template (ou même sans raison d'ailleurs !) il faut penser à faire tant des sauvegardes du blog qu'une copie du code.

Ces préalables bien posés, nous allons voir maintenant comment procéder.

Procédure

Il faut écrire son article tout d'abord. Si vous avez l'habitude de mettre en forme votre texte (Justifier par exemple), je vous conseille de ne pas le faire de suite.

Une fois donc ce texte brut achevé, vous allez positionner votre curseur à l'endroit où vous comptez insérer le saut de page. Il est préférable de choisir comme emplacement le début d'un nouveau paragraphe.
Le curseur placé au bon endroit, vous allez cliquer maintenant sur l'icône Insérer un saut.
Aussitôt vous verrez une ligne de pointillés qui matérialise le saut de page à l'endroit de votre coupure (et par l'introduction d'un marqueur <-- more --> si vous consultez le code HTML).
Il ne vous reste plus qu'à aller en Mise en page / Eléments de la page puis à cliquer sur le lien Modifier dans le bloc Messages du blog. (NB)
S'ouvre cette fenêtre qui va vous permettre de personnaliser le message indiquant à vos lecteurs que l'article est tronqué dans cette présentation, mais que s'ils veulent lire la suite ils vont devoir cliquer sur un lien.
Par défaut le message proposé est "Plus d'infos >>". Ce n'est pas très explicite à mon goût, c'est pourquoi j'ai préféré le changer par "Pour lire la suite, cliquez ici >>". A vous de voir ce qui vous correspond le mieux.

Voilà, c'est presque terminé. Il ne vous reste plus qu'à Enregistrer vos modifications.

Comme je le disais un peu plus haut, si vous être adepte de la présentation de texte en justifié, c'est maintenant que je vous conseille de le faire. Vous prendrez toutefois la précaution de ne pas inclure la ligne de pointillés dans cette mise en page (arrêtez-vous avant et recommencez après).

Il ne vous reste plus qu'à aller voir le résultat.
Malgré les consignes que je vous ai données, il est malgré tout possible que cela ne marche pas.

Si...

En fonction du type d'erreurs, il y a certains correctifs à apporter (voir cette info publiée par Blogger).
La plus commune se traduit par un renvoi de votre colonne de droite tout en bas du template.
Ne pas paniquer, ce n'est pas grave.
Pour faire simple, on va expliquer que le marqueur de la coupure <-- more --> ne doit pas se trouver entre deux balises <div> et </div>

Si c'est ce que vous constatez en examinant le code HTML, il vous suffira de déplacer le <-- more --> en dehors de ces balises.

Si vous êtes amenés à pratiquer régulièrement le "Lire la suite", vous verrez que vous en maîtriserez très rapidement l'usage.

A+

NB : depuis une récente mise à jour, le lien Mise en page est devenu Présentation.

mardi 20 octobre 2009

Ajouter une image dans l'en-tête du blog

Mise à jour 2012

Rapidement le besoin se fait sentir de trouver une une du blog beaucoup plus personnalisée. Pourquoi ne pas mettre une image de votre choix ?
Comment faire ? C'est très simple.

Procédure

Utiliser le menu Mise en page [1].

Ensuite une fois le squelette affiché, cliquer sur le Modifier [2] de la zone d'en-tête.

Une fenêtre supplémentaire s'ouvre.
Vous sélectionnez l'endroit où est stockée l'image [3] puis vous en indiquez le chemin.
Ensuite, une fois ce choix opéré, vous cliquez sur Enregistrer [4] pour valider les modifications.

Vous revenez dans le menu Mise en page et là vous cliquez sur le bouton Enregistrer [5].
Voilà c'est fait et vous pouvez aller voir le résultat.

A+

LinkWithin

Related Posts with Thumbnails