VW - Blog de veille sur le web, référencement et développement, Rennes

Aller au contenu | Aller au menu | Aller à la recherche

un bouton "I Like" de facebook dans SPIP

Partons de l'article de la ferme du web "comment mettre en place le bouton j'aime de facebook..." pour le compléter et l'adapter à SPIP.

En fait le principe est très simple. Vous allez sur l'API de facebook concernant les boutons "i like". Ensuite vous copiez le code en fonction des options choisies (le code qui nous intéresse est celui de l'iframe et vous le copiez dans votre squelette article.htlm en remplaçant l'url par [(#URL_ARTICLE|url_absolue)] comme dans l'exemple ci-dessous :

<iframe src="http://www.facebook.com/plugins/like.php?href=[(#URL_ARTICLE|url_absolue)]&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=dark" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:80px"></iframe>

Pour suivre un peu les "Like" sur votre site, il suffit d'aller sur le site Like Button et de vérifier sur le nom de domaine ciblé (voir aussi en français quelques explications).

Et aussi un tuto pour installer un bouton facebook partager avec un compteur, voir sur le site de 360kmh.com. Vous pouvez néanmoins, sur spip, ajouter plus simplement le plugin Social Tags qui a l'avantage de ne pas se limiter à facebook !

Un code plus simple proposé par facebook qui permet d'ajouter un bouton partager qui ouvre une fenêtre où l'internaute peut ajouter un commentaire avant de partager le lien sur son mur facebook :
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Partager</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Images, Sitemap et SPIP

Comme nous avons pu le lire sur le site d'abondance il est possible de signaler les images dans un sitemap. Nous allons voir comment l'automatiser dans le sitemap de SPIP 2.
(Mise à jour du 22 avril 2010 avec le signalement aussi des vidéos)
(Mise à jour du 3 et 5 mai 2010 avec exemple de fichier sitemap pour spip en PJ et ajout de la fonction url_de_logo dans le fichier mes_fonctions.php)

Lire la suite...

SPIP - automatiser le dewplayer playlist

Dewplayer est un outil en flash pour lire les mp3 encore bien pratique puisque le html5 n'est pas encore supporté partout. Comme il existe un dewplayer playlist, je ne résiste pas à l'adapter à spip pour répertorier tous les documents en mp3 de la base de données.

Lire la suite...

Réaliser un Twittywall sous SPIP - le mur contributif à portée de tous

Bien entendu on peut faire un mur contributif avec du javascript, du php. On peut créer une console d'administration et récupérer des flux dans une base de données en réalisant l'outil de A à Z. Ce n'est pas si complexe mais ça prend un peu de temps, surtout quand on n'est pas développeur. Une autre solution : détourner SPIP pour utiliser sa console d'administration, de modération.

Lire la suite...

SPIP enlever des attributs

Pour faire suite à un récent message sur un groupe de mail autour de SPIP, voici aussi un truc simple pour virer des attributs genre "style" qui ne sont pas utiles et surtout pas du tout W3C !

Lire la suite...

SPIP et jQuery Cycle pour réaliser un petit diaporama

A force de chercher le plugin SPIP idéal pour faire un diaporama qui tourne sur la page d'accueil, j'en suis arrivé à chercher ailleurs et j'ai trouvé un petit tuto très simple avec du jQuery comme on aime.

Lire la suite...

Réaliser une playlist sous SPIP, en AJAX et avec Dewplayer

Rapatrier l'adresse d'un fichier mp3 par un boucle document, c'est assez simple, mais proposer une playlist... c'est toujours assez simple grâce aux fonctionnalités AJAX de SPIP.

Lire la suite...

Un peu de Jquery dans SPIP

Réalisons simplement avec jQuery un petit menu dynamique sous SPIP avec apparation des titres des articles lors du survol du logo.

Lire la suite...

SPIP - un class="on" sur des menus hors boucle

Mettre une classe active dans une boucle de menu, rien de plus simple avec SPIP. Mais dès qu'on cherche à faire la même chose sur des menus hors boucle comme un clic vers la page d'accueil, vers un squelette unique (url du style "spip.php?page="), là ça se complique

Lire la suite...

LIEN > Tuto-FR : SPIP - Un include vidéo sous SPIP

Un peu de code encore pour inclure dans le squelette la dernière vidéo mise en article dans le site !

Lire la suite...

LIEN > Tuto-FR : SPIP - Créer un include pour afficher son twitter en JSON

Mettre les messages de twitter sur son compte, rien de plus simple. Voici un petit tuto, facile à mettre en place, et pour les codeurs facile à détourner pour en exploiter toutes les ressources.

Lire la suite...

LIEN > Tuto-FR : SPIP - Créer un fichier XML simple sur une boucle événements (agenda 2.0)

Voici un petit exemple de ce que permet SPIP grâce aux boucles pour générer par exemple un fichier XML répondant à des besoins spécifiques comme alimenter un widget par exemple.

Voir ici

Lire la suite...

Modifier et adapter le mini calendrier du plugin Agenda 2.0 de SPIP

Tuto pour modifier et adapter le mini calendrier du plugin Agenda 2.0 de SPIP en changeant quelques lignes de codes.