Un formulaire de contact gratuit avec anti spam pour Blogger

Beaucoup de gens cherchent un formulaire de contact avec anti spam code pour Blogger et en plus gratuit. Je vous propose Foxyform qui offre un formulaire en plusieurs langues, notamment en français. L'installation est très facile : vous rajoutez des champs souhaités, puis vous devez copier/coller le code sur la page de votre contact.

Template pour Blogger avec grille, date perso, responsive et plus

J'ai construit un modèle pour des sites types Blogger, idéal pour les journaux, des sites d'information mais peut être pour autre. J'ai intégré plusieurs éléments qui sont très recherchés sur le net : grille (grid) avec les hauteurs égales, chaque article avec une date personnalisable (et en format français), avec un bouton "haute de page", avec des pages numérotées, avec ou sans une troisième colonne et tout est adapté aux portables (smartphones, tablettes : responsive design).

Lire la suite

Widget Commentaires Récents pour Blogger

widget-commentaires-recents-pour-blogger
Nous pouvons facilement installer un widget de Blogger pour les commentaires récents publiés dans les articles. Le widget affiche le nom de l'auteur, un extrait du commentaire et un avatar arrondi de l'utilisateur. En plus, on peut donner un avatar personnalisé pour les commentateurs anonymes. Vous pouvez voir l'exemple sur le blog Politi-kaka en bas de la barre latérale droite.

Lire la suite

Animer avec jQuery - types easing et effets

Avec jQuery, on peut animer un site HTML similairement au Flash et le rendre très dynamique. Même si vous ne connaissez pas javascript comme un expert, avec l'aide de jQuery et quelques recherches sur le net, vous pouvez intégrer des scripts d'animation facilement.

Dans notre exemple on va faire défiler un objet sur la scène à l'ouverture du site, puis on rajoute un bouton avec lequel on peut animer des objets et à la fin on va faire tout disparaitre de la scène. L'exemple vient du site Zen It.

Lire la suite

Show - hide div avec jQuery

jqueryIl y a quelques années j'ai cherché une solution pour masquer des contenus, puis les afficher en défilant en douceur (smoothly) en cliquant sur un bouton sans quitter la page. J'ai trouvé une solution de masquage appelé "Peekaboo" (coup d'oeil ou coucou) avec Flash mais avec le temps passé, j'abandonne Flash à cause des problèmes cumulés. Enfin, jQuery a porté une solution très simple et ce javascript est très léger.

Je vous montre deux sortes de fonction : montrer/cacher les contenus individuellement ou montrer/cacher les contenus de tous les "div" en même temps.

Lire la suite

Afficher TOUS les tags (mots-clefs) dans tag cloud widget

Le Codex de WP indique que pour afficher tous les tags (ou mots-clefs) dans le tag cloud widget, il faut changer le "number" de 45 (le nombre de tags affichés par défaut) à 0 (Use '0' to display all tags) dans le fichier category-template.php dans le dossier wp-includes.

Mais le soucis commence avec la mise à jour de WordPress qui change/rafraichie tous les fichiers en dehors du dossier du thème (les thèmes non par défault, child themes). Dans ce cas il faudra corriger le chiffre de 45 à 0 après chaque mise à jour effectuée qui dépasse notre énergie... Comment éviter ça ?

Lire la suite

Comment intégrer jPreloader dans un blog WordPress

J'avais un problème avec jPreloader (le préchargeur), il ne voulait pas marcher dans la partie blog (ici) de mon site. J'utilise "Twentyeleven child theme" et la dernière version de WP (3.7.1 à l'époque).

J'ai fait trois changements qui ont résolu le problème, si quelqu'un a le même problème, j'espère mon explication va vous aider.

Lire la suite

Smooth scrolling (défilement fluide) entre des points d'ancrage (anchor points) sur la même page

L'extension (ou plugin) "jQuery Smooth Scroll" de WordPress vous permet de créer des points d'anchor sur une page/article. En cliquant sur un lien ou bouton ou sur une option de menu, la page va être défilé automatiquement jusqu'au point de destination, le déplacement va être fluide au lieu d'y "sauter" brusquement. Cette extension installe également un bouton pour retourner en haut de la page (scroll to top). Ce bouton s'apparaisse automatiquement en navigant vers le bas de la page. Idéal pour les pages longes !

Lire la suite