Midilibre.fr
Tous les blogs | Alerter le modérateur| Envoyer à un ami | Créer un Blog

23/12/2010

Comment intégrer un feuilleteur d'album dans une note

Blogspirit permet d'intégrer un feuilleteur d'album photo en ligne. Cette fonctionnalité n'est pas ou peu utilisée par les blogueurs. Dommage, car ce type de présentation permet d'agrémenter et d'enrichir les notes. Cela offre à l'internaute la possibilité d'accéder à un grand nombre de photos sans avoir à  trop se déplacer à l'intérieur de vos publications.

Quand un grand nombre de photographies sont "empilées" les unes au dessus des autres,  les va-et-vient souris en main peuvent-être fastidieux. La mise en place du feuilleteur est simple et rend la consultation de votre blog plus confortable. Le but de ce tutoriel est de vous permettre d'arriver à intégrer cet outil de mise en page sans problème (voir résultat final ci-dessous).

Marche à suivre pour intégrer le feuilleteur d'albums photo :

Doc_abeille_6.jpeg
Attention le feuilleteur n'intégre que des albums déjà existants.

Se connecter sur son interface de gestion de blog. Ouvrir une nouvelle note en allant dans l'onglet PUBLICATIONS puis sélectionner Nouvelle note. Ou bien aller dans PUBLICATIONS puis sélectionner Toutes les notes si on désire intégrer le feuilleteur dans une note déjà existante.

Une fois l'éditeur de note ouvert, positionnez votre curseur dans la fenêtre d'édition et appuyez sur l'icône d'insertion, comme on le voit sur le schéma ci-dessous  

Doc_abeille_3.jpeg

Une fenêtre de dialogue apparaît (voir schéma ci-après). Sélectionnez l'album que vous souhaitez mettre à disposition du feuilleteur. Positionnez le dans votre note grâce aux Propriétés d'affichage. Dans le menu  Options cochez l'option Album dans une note.

Doc_abeille_4.jpeg

Une fois revenu dans l'éditeur de notes, le feuilleteur d'album est symbolisé par l'image de couverture de l'album.

Doc_abeille_9.jpeg

Le résultat final apparaît, une fois la note sauvegardée et mise en ligne, sur le blog pour le plus grand confort des internautes. Blogueuses, blogueurs à vous de jouer !

20/12/2010

Le titre des notes devient cliquable

Les titres de vos notes vont devenir, dès demain mardi 21 décembre, cliquables par défaut afin d'accéder directement au détail de vos notes et à ses commentaires. Au survol du lien par la souris, le titre apparaitra souligné et cliquable.

notecliquable2.jpg

notecliquable.jpg

Cela était déjà possible auparavant mais nécessitait une modification du modèle HTML, ce qui demande quelques connaissances techniques.

Trois cas de figure :

  • Si vous n'avez jamais modifié le code HTML et CSS de vos habillages : 

Vous n'avez rien à faire votre habillage actuel prendra en compte cette modification globale. 

CSS c'est la feuille de style que l'on peut modifier dans "Présentation" / "Configuration avancée".

  • Si vous avez modifié votre modèle CSS (donc uniquement le design) : 

Assurez vous que les liens au niveau du titre des notes <h3> soient conformes à ce que vous souhaitez en terme d'apparence. Il est probable qu'une légère adaptation du CSS soit à nouveau nécessaire. Cela n'est pas le cas si vous avez laissé coché "Charger cette CSS" car les propriétés nécessaires ont été automatiquement ajoutées.

  • Si vous avez modifié votre modèle HTML : 

Ces modifications ne seront pas prises en compte pour ne pas écraser vos propres modèles.  Si vous souhaitez toutefois rendre vos liens cliquables voici comment faire.

Vous devez vous connecter sur votre interface d'administration dans l'onglet PRESENTATION puis CONFIGURATION AVANCEE. Vous devrez ensuite "modifier le template" des pages suivantes : 

  • page d'accueil
  • lien permanent (facultatif)
  • Tags
  • Catégories

Remplacez alors cette ligne : 

<h3 id="p{$post.iteration}"><span>{$post.title}</span></h3>

par 

<h3 id="p{$post.iteration}"><span><a href="{$post.permalink}">{$post.title}</a></span></h3>

Vous devrez également, si vous avez modifié votre CSS, l'adapter pour respecter votre design sur ce niveau de titre.

N'hésitez pas à poser vos questions dans les commentaires de cette note, nous nous efforcerons d'y répondre au mieux.

08/12/2010

Nouveauté : comment rendre votre blog accessible aux internautes munis de smartphones

Avec la nouvelle version de Blogspirit il est désormais possible aux internautes d'accéder à votre blog à partir d'un smartphone (Iphone, HTC). L'interface d'administration de blogspirit prend en charge intégralement le redimensionnement de votre blog en mode smartphone. L'internaute muni d'un mobile le consulte ainsi sur un écran réduit dans les meilleures conditions.

Pour illustrer cette nouvelle possibilité, offerte à tous les administrateurs de blogs, nous allons prendre comme exemple le Blog Eclairage (voir la page d'accueil classique du blog ci-dessous).

Le blog  Eclairage en mode classique :

BlogEclairagePC.jpg


Pour mettre en place cette option il faut d'abord se connecter à l'interface d'administration de Blogspirit comme vous avez l'habitude de le faire.

- Une fois connecté, allez dans l'onglet PUBLICATIONS puis dans le menu Email et mobile. Vous obtenez l'écran ci-dessous :

Blogmobile_1.jpg

- Au bas de l'écran dans le menu Mobile cochez le "oui" à la question Afficher le modèle mobile...
- Pensez à valider vos modifications en appuyant sur le bouton Mettre à jour ces informations.

Votre blog est désormais accessible aux internautes munis de smartphones (Voir ci-dessous le résultat sur le blog exemple Eclairage).

Le blog Eclairage en mode Mobile sur smartphone :

BlogEclairage.jpg

Si vous ne disposez pas de smartphone, vous pouvez tout de même vous faire une idée de ce que va donner votre blog sur un mobile en visualisant le résultat final sur votre ordinateur. Il suffit de rajouter à la fin de l'adresse de votre blog quelques caractères.

- Dans le cas du blog Eclairage, son adresse pour le visiter normalement est  : http://eclairage.blogs.midilibre.com/

- Pour le visualiser à la façon Mobile on rajoute "/apps/m" à l'adresse classique :  http://eclairage.blogs.midilibre.com/apps/m

Le blog Eclairage en mode Mobile sur PC/ MAC :

BlogEclairageMOBPC.jpg

07/12/2010

Nouvelle fonctionnalité : la présentation des albums photos

Jusqu'à présent, les albums photo s'empilaient les uns au-dessus des autres et lorsqu'on en avait beaucoup, la colonne s'allongeait obligeant l'internaute à faire défiler la page. La seule solution pour diminuer cette taille était d'en mettre certains hors ligne.

Désormais, lorsque vous allez dans Présentation, contenu des colonnes, votre widget Albums photos a une option Modifier.

modifierpresentationalbums.jpg

Cette fenêtre apparait et vous avez la possibilité :

- de modifier le titre du bloc

- d'afficher de 1 à 5 albums ou tous

- de les positionner dans l'ordre que vous voulez grâce aux flèches

- de choisir l'apparence des vignettes dans la colonne, soit comme avant, soit deux dans la largeur (manière de couper le blanc et diminuer la taille du bloc), soit juste le titre de l'album photo (pas très esthétique).

Des options qui seront mises en place progressivement

Vous avez dû remarquer que certaines fonctionnalités annoncées dans la présentation générale ne sont pas là notamment le moteur de recherche ou de nouveaux widgets. De même que l'accès à une base de connaissance complète de toutes les fonctions déjà existantes.

Pas de panique, elles n'ont pas été oubliées mais seront installées progressivement avant Noël.

16:20 Publié dans Blog | Lien permanent | Commentaires (6) |  Imprimer |  Facebook | | |

06/12/2010

Mise à jour importante et nouvelles fonctionnalités : votre blog sur les mobiles et sur les réseaux sociaux

facebook.jpg Mardi 7 décembre, la plateforme de blogs de Midi Libre connaîtra une mise à jour importante. Vous avez peut-être remarqué le message sur la page d’accueil d’administration de votre blog. Notre partenaire qui édite et héberge le service de blogs a mis en œuvre une nouvelle infrastructure technique de gestion des fichiers et bases de données, en intégrant deux technologies à la pointe utilisées aujourd'hui par les plus grands réseaux sociaux. De quoi assurer un meilleur fonctionnement des blogs.

Cette évolution s'accompagne de l'arrivée de nouvelles fonctionnalités. Petit tour d'horizon non exhaustif.

- Un nouvel onglet PUBLICATIONS remplace l'onglet NOTES. Le blog s'enrichit d'un nouveau type de publications, à savoir des pages qui viennent compléter le format traditionnel de publication de notes. A la différence des notes, les pages sont des contenus non datés, publiés dans une arborescence à plusieurs niveaux.

- La possibilité de publier vos contenus également sur les réseaux sociaux twitter et facebook rattachés à votre compte.

- Un modèle spécial smartphones pour permettre à vos lecteurs de consulter votre blog dans un format optimisé à la taille et l'ergonomie des formats mobiles.

- De nouveaux widgets dans l'onglet PRESENTATION, des modifications sur les anciens, une nouvelle apparence pour l'écriture d'une note...

Un onglet AIDE fera son apparition avec l'accès à une base de connaissance sur toutes les fonctionnalités de ces blogs.

Cliquez ici pour télécharger le document complet présentant les nouveautés

01/12/2010

Bienvenue sur le blog du médiateur

Bienvenue sur le blog du médiateur. Ce blog veut servir de lien entre la rédaction de Midi Libre et les blogueurs. Une interrogation, une remarque, un coup de chapeau, un coup de gueule...vous pouvez laisser vos commentaires sur cette note ou bien d'ici peu grâce au formulaire de contact. Une réponse y sera apporté le plus rapidement possible.

Cet espace servira aussi à vous communiquer des informations importantes concernant la plateforme de blogs de Midi Libre.