Ajouter la barre de vote "Vous aimez ?"
Cet article s'adresse à celles et ceux qui ne sont pas passé(e)s aux nouveaux thèmes de Canalblog et qui ne souhaitent pas s'atteler à la longue tâche de créer un nouveau modèle (menu "Apparence") mais voudraient quand même afficher une barre de vote à la fin de chacun de leurs articles.
La manipulation est très simple bien qu'elle nécessite de la rigueur.
Dans la page d'accueil et la page des archives :
Il suffit d'ajouter :
<BlogItemRating><br /><$BlogItemRatingWidget$></BlogItemRating>
juste avant la séquence suivante (ne vous préoccupez pas de ce qu'il y a avant cette séquence) :
</div>
</Blogger>
Pour plus de clarté voici en exemple des copies écran de la manipulation :
avant l'insertion du code (cliquez sur l'image pour agrandir)
insertion du code (cliquez sur l'image pour agrandir)
Dans la page d'un message :
C'est après la séquence suivante (qui correspond au code de la barre de partage) qu'il faudra placer le code :
<CBIfPage><BlogItemShare><br /><$BlogItemShareWidget$></BlogItemShare>
Pour plus de clarté voici une copie écran de la manipulation :
insertion du code dans la page d'un message
Vous pourrez ensuite configurer votre barre de vote dans le menu "Paramètres", "Options d'affichage" comme indiqué dans l'article précédent.
Encore un article sur un sujet qui n'entre pas dans le cadre de mon blog ! Je n'ai trouvé sur le sujet (une fois l'article rédigé) que le post du 02/10/2012 de kyungjin sur le forum de Canalblog : http://forum.canalblog.com/jforum/posts/list/15889.page.
Nota : Pour les blogs dont j'ai créé le design, contactez-moi si nécessaire.
La barre de vote, vous aimez ?
Je reviens sur un point que j'ai traité en commentaire de mon dernier article : "la barre de vote".
CONFIGURATION :
Pour la configuration il faut aller dans le menu "Paramètres", "Options d'affichage". Dans la page vous trouverez ceci :
1- Tout d'abord vous pouvez décider de l'afficher ou non en répondant à la première rubrique "Afficher une barre de vote à la fin de chaque message".
2- Ensuite vous pourrez personnaliser cette barre en remplaçant les étoiles (choix par défaut) par des médailles ou des smileys :
3- Enfin, si le texte "Vous aimez ?" (écrit par défaut) ne vous convient pas vous pouvez le remplacer par une phrase d'incitation à voter sortie tout droit de votre imagination.
FONCTIONNEMENT :
Cette question appelle une réponse de la part du visiteur qui n'aura qu'à cliquer sur l'une des cinq étoiles :
Première étoile : mauvais ;
Deuxième étoile : bof ;
Troisième étoile : pas mal ;
Quatrième étoile : bien ;
Cinquième étoile : excellent !
Les étoiles restent blanches si personne n'a voté, un certain nombre d'entre elles devient jaune (en fonction du vote) si au moins une personne a voté.
A la suite de ces étoiles (ou médailles ou smileys) est indiqué le nombre de votes effectués. En cliquant à cet endroit, on découvre qui sont les votants :
un exemple de barre de vote
En cliquant sur les étiquettes où s'affichent l'avatar et le pseudo du blogueur (ou de la blogueuse), on est dirigé vers sa page de profil.
INCIDENCES :
1- Si dans le choix des blocs (menu "Apparence", "Blocs"), vous avez opté pour l'affichage de "Mes messages préférés",
les titres de tous les messages pour lesquels vous aurez voté (et cela dans n'importe quel blog !) s'afficheront (à concurrence de 10).
2- Si dans le choix des blocs (menu "Apparence", "Blocs"), vous avez opté pour l'affichage de "Messages les plus populaires",
les titres des articles de votre blog pour lesquels les visiteurs (ne serait-ce qu'un seul) ont voté apparaîtront dans l'ordre décroissant de succès. Cet ordre décroissant ne tient compte que de la moyenne obtenue et donc logiquement pas du nombre de votants.
LIMITES :
Seuls les blogueurs de Canalblog peuvent participer au vote.
Si vous n'avez pas installé un modèle de la dernière génération de Canalblog, vous ne disposerez pas automatiquement de ces possibilités.
INTERETS :
Certains ne verront aucun intérêt à cette nouveauté. D'autres, comme moi, y verront le moyen de laisser aux visiteurs une occasion facile de laisser une trace (sympathique, il faut l'espérer) de leur passage car on n'a pas toujours l'envie ou l'inspiration pour écrire un commentaire...
REMARQUES :
C'est la première fois que j'écris un article de cette nature. J'ai bien cherché s'il n'y en avait pas déjà, à part l'article succinct du BLOG DU STAFF.
Si vous avez des questions sur les nouveautés de Canalblog et que vous ne trouvez de réponses nulle part, laissez-moi un commentaire ou un message...
Et n'oubliez pas de voter pour cet article ! ! ! Et pour les articles plus anciens aussi !
NEW SLETTER
Déjà plusieurs semaines que je m'active à nouveau sur ce blog en vous proposant de nouveaux articles techniques et de nouveaux designs. Et toujours aussi peu de visites. En fait pratiquement autant que pendant mon absence.
Pourquoi ?
D'abord parce que très très peu d'entre vous (y compris celles et ceux pour qui j'ai travaillé ! ou celles et ceux à qui j'ai fourni une aide quelconque !) se sont inscrits à ma NEWSLETTER.
Ensuite, parce que dans ce nombre, certains n'ont pas coché la case "Etre prévenu à chaque nouveau message publié sur ce blog". Comme je ne publie (comme vous) que rarement de newsletter (case "Recevoir les newsletters envoyées par ce blog"), ils ne sont donc pas du tout au courant de l'actualité du blog.
Alors, qu'attendez-vous pour vous inscrire ici et maintenant ?
Une dernière catégorie d'abonnés : les inconnus !
J'aimerais leur rendre la pareille et m'abonner à leur Newsletter aussi, mais je ne connais pas l'URL de leur blog. Si c'est votre cas (et vous devez bien le savoir car dans ce cas je ne suis pas abonné à votre Newsletter), faites-vous connaître en m'envoyant un message (via "Contacter l'auteur").
Dernière chose :
N'oubliez pas vous-même de cocher la case "Notifier les abonnés au blog" à chaque fois que vous publiez un article...
Faites passer le message...
P.S. Vous n'êtes pas obligés de laisser un commentaire à chacune de vos visites, mais un petit clic sur une des étoiles de "Vous aimez ? 
" en bas d'article serait le bien venu.
Problème d'affichage
Si, à partir de votre tableau de bord dans le menu "Paramètres", "Options d'affichage", vous avez décidé d'afficher une barre de partage comprenant toutes les options (Imprimer, Email, Facebook, Pinterest, Google+, Twitter, Linkedin et HelloCoton) :
Vous rencontrez un problème d'affichage dans la page de photo d'album. En effet, cette barre de partage déborde de la colonne de droite :
Mais il y a un remède à cela (en attendant que Canalblog repère et corrige le problème). Il suffit d'ajouter à la feuille de style le sélecteur .share_widget div div avec les propriétés comme indiqué ci-dessous :
.share_widget div div {
position: relative !important;
text-align: left;
}
La barre de partage s'affichera correctement dans la colonne :
INSCRIVEZ-VOUS A LA NEWSLETTER !
Afficher la page d'album dans une boîte
En fait ce n'est pas la page d'album qui s'affichera dans une boîte mais plus exactement l'image de couverture et la description de l'album comme vous pouvez le voir dans l'image suivante :
Pour obtenir ce résultat, il suffit d'ajouter le sélecteur (.albumdesc) complété des propriétés déjà indiquées dans les articles précédents sur le sujet :
.albumdesc {
background-color: #353B36;
padding: 10px;
margin-bottom: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
Pour que l'image de couverture de l'album (.albumcover img) s'affiche de façon harmonieuse, on devra lui ajouter une marge extérieure en haut et à gauche :
.albumcover img {
margin: 10px 0 0 10px;
}
Ne pas oublier de modifiez la propriété color (couleur des caractères) dans les sélecteurs suivants :
.albumbody
.albumbody p
