Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

Click and Play

Dynamisez vos notes hautETfort

Pin it!

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.

upsetlinkwithin.gif

puce.gif

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:
Width:
  My blog has light text on a dark background
  Get Widget!
Free. No ads. No signups. More traffic.
  1. 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.

puce.gif

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

puce.gif

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)

puce.gif

Code affichant le widget LinkWithin au bas de chaque note

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

puce.gifVous 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

Lien permanent Catégories : support hautETfort 21 commentaires Related Posts Plugin for WordPress, Blogger...

Commentaires

  • J'aime bien ce widget, va falloir que je prenne le temps de lire ta note en détail et que j'essaye pour voir.

  • Je vais m'y essayer aussi !

  • C'est bien joué, en effet c'était plus compliqué à configurer que sur un blog blogger!

  • J'ai essayé de l'installer il y a peu, mais les articles relatifs étaient uniquement ceux qui apparaissent sur la page d'accueil, à priori le widget ne va pas chercher dans les vieux billets...

  • Je vais essayer quand j'aurai un peu de temps (quand?????) car je l'ai vu aussi sur d'autres blogs et j'aime bien l'idée.

  • Pas de procastination, Madame Kévin! Bougrenette a vaincu, toi aussi tu peux le faire !]

  • @Bougrenette & Océane: merci de me dire si ça fonctionne. L'indexation des notes démarre dans l'heure et devient efficace dans les 5 jours.

    @Marie: j'ai rapidement lu la source de ta page d'accueil pour avoir une idée de la procédure. Le fait est que Linkwithin s'est installé et lancé facilement dans mon blog Blogger.

    @Ginie: Linkwithin scanne régulièrement ce blog de petite taille (pas de tags, peu de texte, moins de 400 notes...).
    Si ton blog est l'opposé du mien, il est possible que l'indexation n'est pas achevée. Je me demande si ce n'est pas lié à la configuration du flux RSS ou de la page d'accueil dans Wordpress.

    @Tous: Linkwithin a déterré plusieurs notes à l'insu de mon plein gré. Le blog est en plein nettoyage. Observez que les liens sont bizarres parfois...

  • Réussi, nickel et un résultat instantané, j'aime bien :-)))) merci merci avec ta note cela a été très facile à mettre en place.

  • Je dis bravo! Le résultat va bougrement bien à ton blog (...elle est facile)!

  • je croyais que c'était effectif dans la minute mais ton commentaire me dit qu'il faut attendre environ une heure... ok ! je repasse cette aprem pour te dire si ça marche... en tout cas tu es une pro de l'explication htlm...

  • Je viens de vérifier la source html de ta page d'accueil. Il y a quelques corrections à apporter pour que Linkwithin se lance. J'envoie la marche à suivre par mail.

  • Tu sais tout le bien que je pense de cette note ;-) J'en ai tiré une vidéo, en aménageant un peu le scénario. N'hésite pas à t'en servir. Merci.

  • Merci, la vidéo arrive à point! Les filles veulent du LinkWithin :B

  • Ah ben tiens, ça m'intéresse ça, j'hésite entre ça et le plugin Similar Posts de WP...

  • J'ai voulu le faire mais ça ne marche pas sur les Wordpress.com Bouuuuhhhhhhhhhh Je regrette trop d'avoir pris cette plate forme, every day !!!

  • @Jules & Dalyna: Je ne connais pas Wordpress. Le site Linkwithin propose une installation automatique pour Wordpress, Typepad et Blogger (testé), sans modifier le template du blog. Si ça ne fonctionne Dalyna, essaie le plugin Similar Posts cité par Jules...

  • Juste un mot pour dire que ta note m'a valu des compliments. J'ai tâché de rendre à César... ;-)

    Par Alexandra sur le blog Hautetfort : "Amenons les lecteurs de vos blog à se promener avec LinkWithin"
    http://leblog.hautetfort.com/archive/2010/03/25/amenons-les-lecteurs-de-vos-blog-a-se-promener-avec-linkwith.html

  • Ca aussi c'est fait et je suis bien contente ! Alors merci !! j'aurai juste aimer changer la typo, mais je n'y arrive pas... :(

  • Tu bosses dur lilith ;)
    Pour apprendre à changer la typo de Linkwithin, je t'envoie chez mon maître GeeMee :
    http://geemee.hautetfort.com/archive/2010/01/14/personnaliser-affichage-linkwitin-notes-relatives-custom.html
    N'hésite pas à poser des questions, lui ou moi te répondrons !

  • Je réponds d'autant plus volontiers qu'on ne se la joue pas d'Awan.
    ;-)

  • Boudu, je suis un Kinder (blonde dedans, choco dehors). Je me demandais qui est Awan?

Les commentaires sont fermés.