Modele Blogger gratuit : Maya Ze Cat V2

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 
Modele Blogger gratuit : Maya Ze Cat V2 Modele Blogger gratuit : Maya Ze Cat V2 Reviewed by Tomate Joyeuse on juillet 01, 2011 Rating: 5

10 commentaires:

  1. Hello, très bien cela, plus épuré, donc aussi chargement plus rapide. C'est bien la tout mon dilemme. Je suis trop lent en temps de chargement sur mon blog, j'enlève petit a petit les scripts mais il faudrais que je refasse mon thème de A à Z et j'ai pas le temps, enfin bref on verra plus tard. Par contre je trouve pas le moyens de faire un pied de page en trois colonnes!!!, a tu une astuce sans que je change mon thème du moment, sinon je reverrais cela plus tard mais tellement de scripts de modif dans celui-ci que je sais plus ou j'en suis, il va falloir que je regarde tout cela de près, allez bises et bon vendredi

    RépondreSupprimer
  2. Hello Thierry,
    L'ideal à mon avis serait de prendre un modèle de base de 2006 et de l'adapter et surtout sans image.
    C'est vrai que cela prend du temps de mettre en forme un modèle Blogger.
    Donc pour un pied de page en 3 colomnes, voici ce lien : (j'ai utilisé le tutoriel pour faire mes pieds de page)C'est très simple à faire http://www.blogbulk.com/2009/03/add-columns-to-bl...
    Toujours est-il si tu as besoin de liens vers des tutoriaux dis le moi, je commence à connaitre les sites qui font des tutoriaux sur Blogger (même des sites vietnamiens !!)

    Bonne journée et merci du commentaire

    RépondreSupprimer
  3. joanne joa42531/07/2011 04:57

    Je ne la met pas mon adresse é-mail ma belle tomate elle est toujours la j'essais de l'enlever mais je n'y arrive pas merci tu ne me réponds pas mais ce n'est rien bonne nuit:))

    RépondreSupprimer
  4. Bonjour Joanne, j'ai répondu sur l'autre commentaire. http://tomatejoyeuse.blogspot.com/2011/06/modele-blogger-maya-ze-cat.html
    Il faudrait que tu vides le caches de ton navigateur ainsi que ton historique. Mais je peux oter manuellement à chaque fois ton adresse email si tu le veux, si tu ne souhaites pas que Je suis la seule à connaitre ton adresse email, les autres internautes ne la voient pas. Tu peux l'oter manuellement. Je ne transmettrais à personne ton email.

    RépondreSupprimer
  5. joanne joa42531/07/2011 05:01

    Merci beaucoup alors toute les personnes qui ont la même chose que toi comme fin voie mon e-mail ou juste moi parce que je suis la je suis tellement nulle en informatique ce n'est pas de mon temps lol!!! mais je persévère Opinions Publiques commence à avoir de la classe il est avec l'autre que je te remercie de t'être abonner je ne te fais pas trop peur j'espère haha!! je donne des conférences sur la santé mentale et l'alcoolisme à présent lorsque l'ont me demande tu es très gentille de nous aider en passant bon je passe du coq à l'âne tout çaa pour te dire merci bonne fin de journée.

    RépondreSupprimer
  6. POur écire un commentaire sur ce blog, je te conseille de lire le tutoriel de cet article. http://tomatejoyeuse.blogspot.com/2010/02/les-commentaires-sur-tomate-joyeuse.html

    RépondreSupprimer
  7. Merci des infos Tomate Joyeuse, bonne semaine

    RépondreSupprimer
  8. ah oui, pour info, ton lien de téléchargement de ce modèle n'est pas bon.... merci

    RépondreSupprimer
    Réponses
    1. Je viens de mettre à jour le lien (vu que Megaupload n'existait plus).
      J'ai téléchargé sur Google site.
      Si tu as des problèmes fais le mois savoir.

      Supprimer
  9. pas toujours dispo même sur google site, désolé de t'embêter.....

    RépondreSupprimer

Tomate Joyeuse. Fourni par Blogger.