Et voilà, les zamis, je me suis lancée dans la mise en forme d'un autre modèle Blogger, que j'ai tout simplement appelé Maya Ze Cat V2. Ce template est la base du modèle que j'utilise actuellement.

Qu'a-t-il de particulier ?
Modèle Maya Ze Cat V2 = Sans script extérieur + Léger + Ergonomique
  • Facilité de lecture tant au niveau du texte que de l'ergonomie. Les couleurs sont douces sans être girly.
  • Commentaires : différentiation s'il y a 0, 1 ou plusieurs
  • Avatar pour les commentaires anonymes : le petit fantôme
  • Stylo plume à côté de "Enregistrer un commentaire"
  • Ajout de Blockquote et Pullquote
  • Image : s'adaptent automatiquement au texte (il n'y aura pas une partie qui ira dans la colonne de droite
  • Je n'ai ajouté aucun SCRIPT extérieur
  • Sans les gadgets : temps de téléchargement moins de 2 secondes
  • Fond de l'image de la même couleur de celle de l'article : donc pas de transparence lorsque l'image se trouve au milieu d'un blockquote
  • En téléchargeant des widgets classiques que vous pouvez voir sur le modèle de démonstration, le blog grad est de 91/100 !!!
  • Le résumé automatique en première page : prend en compte aussi bien les videos que les images dans l'affichage du thumbnail. 
  • Flèche haut de page : via un gadget
  • Pied de page en trois colonnes
  • C'est GRATUIT

Modèle Maya Ze Cat V2 : Demo et téléchargement

La barre de navigation :

Mettre les onglets que vous souhaitez. Dans ce cas aller sur votre tableau de bord Blogger
<li><a href='/'>Accueil</a></li>
      <li><a href='http://tomatejoyeuse.blogspot.com'>Tomate Joyeuse</a></li>
      <li><a href='#'>Edit</a></li>
   <li><a href='#'>Edit</a></li>

Pour ajouter un autre onglet ajouter la ligne :
<li><a href='#'>Edit</a></li>

Personnaliser vos onglets : j'ai laissé l'exemple du lien de mon blog (que vous pouvez oter), vous mettez à la place, l'adresse url d'une page de votre blog par exemple et bien sûr nommez là

Ajouter les meta tag :

Je vous conseille de suivre les conseils du forum de Blogger de Prac du blog Viti Vino. Je n'ai pas fait de changements des titres h1, h2 ect.

Ajouter le haut de page

Voici le code que vous pouvez insérer en tant que Gadget.

<a href="#">
<img src="http://i252.photobucket.com/albums/hh2/shehrazad/flechehaut-1.png" title="Haut de Page" style="position: fixed; bottom: 10px; right: 2%;" /></a>

Si vous voulez insérer un code dans votre blog, utilisez un outil en ligne comme Postable et entre les pre, insérez le texte modifié

<pre> Mettre votre code </pre>

Si vous souhaitez écrire un pullquote dans un article. Mettez pullquote entre le texte choisi entre les deux codes (span)

<span class="pullquote">Mettre le texte ici </span>

Pour avoir le même widget que j'ai mis sur le modèle, j'ai utilisé les icônes d'Elegant Themes que vous pouvez télécharger sur leur site.


Voici quelques unes que j'ai hébergées sur Photobucket. Bien entendu, remplacez les lettres majuscules par les occurrences correspondantes.

<center><a href="http://feeds2.feedburner.com/NOMDUFLUX" rel="nofollow" title="Flux RSS"><img src="http://i252.photobucket.com/albums/hh2/shehrazad/rss-12.png" alt="RSS " /></a>
<a href="http://twitter.com/NOMDUCOMPTETWITTER" rel="nofollow" title="Suivez moi sur Twitter"><img src="http://i252.photobucket.com/albums/hh2/shehrazad/twitter-9.png" rel="nofollow" alt="Twitter" /></a>
<a href="http://www.youtube.com/user/NOMDUCOMPTEYOUTUBE" rel="nofollow" title="Youtube"><img src="http://i252.photobucket.com/albums/hh2/shehrazad/rsz_youtube.png" alt="youtube " /></a>
<a href="https://www.facebook.com/NOMPAGEFACEBOOK" rel="nofollow" title="Page Facebook"><img src="http://i252.photobucket.com/albums/hh2/shehrazad/facebook-8.png" alt=" Facebook " /></a></center><a href="http://twitter.com/NOMDUCOMPTETWITTER" class="twitter-follow-button" lang="fr">Suivez Moi sur Twitter</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

Quelques idées pour personnaliser le template :

Ajouter un gagdet : diaporama avec image avec les messages les plus récents : Les derniers messages d'un Blog sous forme de Diaporama - Viti-Vino. Le Blog de Prac - Les Outils Google
Le formulaire de commentaires Facebook dans les articles : tutoriel fait par Soraya du Blog Blogger-Code
Je vous conseille fortement de visiter les sites des blogs que je vous ai cité plus haut : vous trouverez de nombreuses informations pour personnaliser votre blog Blogger.
Articles similaires avec des images, comme sur mon blog, Tomate Joyeuse, utiliser Nrelate

Remarques importantes

J'ai appris les codes sur le tas, donc s'il y a des bugs, à arranger, dites le moi, et je remettrai à jour le modèle.

Vous êtes libre de l'utiliser pour votre blog et de le modifier. Le modèle est offert gratuitement. Mais SVP, n'enlevez pas le crédit du bas de page, j'ai mis énormément de temps pour le mettre en forme. Vous avez le droit d'y faire les modifications que vous souhaitez sur le modèle, mais il est strictement interdit de VENDRE ce modèle.

Si vous avez des questions, ou des remarques, n'hésitez pas à m'en faire part dans vos commentaires.


Lien de téléchargement Modèle Maya Ze Cat V2 

Remarque de Tomate Joyeuse

Mise à jour de l'article le 2 juillet 2021 : le modèle n'est plus à jour, veuillez utiliser ceux de Blogger