Dynamisez vos notes hautETfort

Je l'ai vu dans d'autres blogs, je l'ai voulu dans le mien. Au bas de chaque note de blog, le widget LinkWithin propose les liens vers des notes similaires, selon le contenu, le titre ou les tags.

LinkWithin affiche une image en vignette et le titre de chaque note en relation avec la note en cours. Le titre s'affiche seul quand la note en lien ne contient aucune image.

Il suffit de cliquer sur une vignette ou un titre pour lire la note proposée. Ainsi, LinkWithin recycle vos archives et met vos notes en avant.

Obtenir le code html partiel pour intégrer le widget LinkWithin

1. Cliquez ici pour afficher le site LinkWithin - Related Posts with Thumbnails
2. Remplissez le formulaire. Sélectionnez les valeurs indiquées ci-dessous.
   Au-delà de 3 notes (stories), il faut contacter le support LinkWithin pour que le widget soit activé par leurs soins. Soyez patient, un mois d'attente peut être nécessaire avant intervention.
3. Cochez l'option My blog has light text on a dark background si le texte de votre blog s'affiche sur fond foncé.

Email:
Blog Link:
Platform:	Other WordPress (self-hosted) TypePad Blogger
Width:	3 stories 4 stories 5 stories
	My blog has light text on a dark background
	Free. No ads. No signups. More traffic.

4. Cliquez sur le bouton Get Widget! L'écran Install Widget on Other Platforms affiche le code html qui sert à intégrer le widget dans votre blog.

<script>
var linkwithin_site_id = 91386;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts with Thumbnails" style="border: 0" /></a>

Ne copiez pas ce code en l'état, car il est incomplet!

Si LinkWithin s'installe automatiquement pour les services de blogging les plus connus, il est nécessaire de personnaliser la présentation d'un blog hautETfort pour que ce widget s'affiche correctement.

Comment intégrer le wigdet Linkwithin dans un blog hautEtfort?

1. Cliquez sur l'onglet PRESENTATION de l'Editeur de blog hautETfort.
2. Cliquez sur Configuration avancée
3. Cliquez sur Je veux aller dans le design avancé
4. Face au Modèle de la page lien permanent, cliquez sur Modifier le template
5. Dans la source html du modèle, localisez les balises </head> et <div=class postbottom>
6. Juste au-dessus de la balise </head>, copiez-collez le code activant le widget dans chaque note de blog (ci-dessous).
7. Juste au-dessus de la balise <div=class postbottom>, copiez-collez le code affichant le widget au bas de chaque note (ci-dessous).
8. Cliquez sur le bouton Enregistrer les modifications
9. Fermez la fenêtre Modifier le modèle de la page lien permanent

Code activant le widget LinkWithin dans chaque note de blog

<script>
var linkwithin_site_id = 91386;
</script><script>linkwithin_text='Your custom text:'</script>

• La valeur var linkwithin_site_id est l'identifiant unique pour votre blog.
• Le code <script>linkwithin_text='Your custom text:'</script> est facultatif. Il sert à remplacer la phrase "Vous aimerez peut-être :" qui présente les notes en relation avec la note en cours.
  Au besoin, copiez-collez ce code et remplacez la valeur Your custom text: par votre texte personnalisé (Encore un tasse de thé ? par exemple)

Code affichant le widget LinkWithin au bas de chaque note

<div class="linkwithin_div"></div><script src="http://www.linkwithin.com/widget.js"></script>

Vous avez apprécié cette technote ? Gee Mee l'a faite évoluer pour vous livrer cette version vidéo. Suivez le guide ^^

Dynamisez vos notes avec vos archives et LinkWithin dans votre blog Hautetfort from Gee Mee on Vimeo