Sites de templates gratuits pour Blogger

04/10/2009
Vous en avez assez des templates proposés par défaut par Blogger ? Voici une sélection de sites incontournables proposant des templates gratuits pour Blogger.





2 précisions utiles :
  • Tous les sites qui suivent sont en anglais
  • Gratuit de signifie pas disposer de tous les droits sur le modèle. Avant d'installer un modèle, pensez à consulter la licence associée. De nombreux template sont associés à une licence CC-by ou GPL, qui nécessite notamment de conserver les informations de paternité.

BTemplates


Indispensable. Plus de 1000 templates gratuits notés, avec démo. Possibilité de rechercher par tags.

We Love Blogger


Moins de templates que le précédent, mais on apprécie particulièrement de pouvoir faire des recherches très simplement, grâce à la pallette de couleurs ou aux modèles de mise en page (2 colonnes, 3 colonnnes...)

BloggerStyles


Outre les classifications habituelles, BloggerStyles propose un intéressant système de certification.
Les administrateurs du site ne publient que des templates fonctionnant avec la dernière version de Blogger.
Ensuite, ils font passer à tous les templates une série de tests : compatibilité avec différents navigateurs, comportement d'élements flottants dans la mise en page, affichage propre des commentaires...

Deluxe Templates


Une collection de templates originaux réalisés par l'auteur du site.

Pour aller plus loin...

8 commentaires:

Karine Laé a dit…

J'ai changé mon template parce que ceux de Blogger c'est bien moche et on s'en lasse bien vite.
Du coup, j'ai une barre de "navigation" avec : home, about, post rss, comments rss, contact et log in.
Par contre l'onglet about et contact ne fonctionne pas et pas moyen de les faire fonctionner.
Aurais-tu une solution ?

http://karinelae.blogspot.com/

Merci

Jimmy a dit…

En tous les cas, le template que tu as choisi est bien joli.
Pour l'onglet about, j'imagine que l'idée est de créer une fausse page statique "A propos de", en publiant un billet loin dans le passé pour ne pas qu'il apparaisse en home.

Une fois que c'est fait, récupères l'adresse de ce billet.
Exemple : karinelae.blogspot.com/2001/01/about.html

Maintenant, la suite dépend de la façon dont est construit le template, je vais essayer de deviner.

Est-ce que les liens de navigation sont gérés comme un gadget, que tu vois dans les "éléments de la page" ?

Si oui (probable), modifies le gadget pour changer le lien du "about".

Si non, tu devras trouver la ligne
<li><a href='about'>About</a></li>
dans le code du modèle et changer le href='about' en href='/2001/01/about.html'.

Karine Laé a dit…

Merci pour le template !

L'idée pour la page "About" c'est de créer une page sur laquelle il y a un billet qui explique qui je suis. Ce qui permettrai d'éviter de le mettre sur la colonne de droite !

Les liens de navigation ne sont pas gérés comme un gadget, je ne peux pas les modifier en allant dans mise en page.

J'ai trouvé le ligne de code, j'ai changer le 'about' par la ligne que tu m'as donné mais ca veux tjrs pas marché :(

Sinon toutes tes astuces sont géniales et m'a permis de faire évoluer mon blog!
Merci

Jimmy a dit…

Je vois toujours le code href='about' dans ton blog, est-ce que tu as eut un message d'erreur à l'enregistrement du modèle après modification ?

Si tu veux, enregistres ton modèle dans un fichier, que tu mets à disposition sur un box.net par exemple, que je regardes le code complet.

Karine Laé a dit…

Nop pas de messages d'erreurs, du moins pas que je me souvienne.

Avec mon copain, on va regarder ce we, il est aussi dans l'informatique :)

Ce que je peux faire c'est faire un copier-coller de mon code, te le mettre sur un fichier .txt et te l'envoyer par mail.

Jimmy a dit…

Alors, tu t'en es sortie ?
Si non, tu peux me contacter via ce formulaire pour me transmettre tes coordonnées, que je jettes un oeil à ton template. Ou alors passes par un hébergement quelconque, que je puisse le récupérer directement.
Il ne devrait pas y a voir grand chose.

Karine Laé a dit…

Je m'en suis pas occupée se we, j'étais trop claquée et j'ai fait autre chose :)
Je te donne mes coordonnées via le formulaire.
bye

Dessins Fantastiques a dit…

Bonjour, alors voilà j'ai un template qui encadre chacun de mes messages d'un dégradé de gris... Seulement pour certains messages je voudrais supprimer cet encadrement ! J'ai identifié le bout de code qui contrôle ça :

.date-outer {
position: relative;
margin: 30px 0 20px;
padding: 0 15px;
background-color: #ffffff;
border: 1px solid #ffffff;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}

Seulement je ne connais rien au codage, alors je me demandais si vous aviez une idée de comment faire pour que ce code ne s'applique pas à certains messages...

Merci d'avance ! =D

Enregistrer un commentaire

Contact

Nom

E-mail *

Message *