Tutoriels pour personnaliser la Template FullMinima

Vous trouverez dans cet article toutes les réponses à vos questions avec des tutoriels et des screencasts pour vous permettre de configurer et personnaliser votre template FullMinima.
Normalement vous devez lire et appliquer tous les tutoriels un par un mais si vous recherchez quelque chose en particulier, utilisez la fonction de recherche de votre navigateur (CTRL + F).

N'hésitez pas à poser des question et à faire des remarques via les commentaires.

PS! Si vous avez besoin d'une fonctionnalité qui n'est pas supporté/offerte par la template laisser votre commentaire dans la page créer pour cet effet : Idées et souhaits pour améliorer la Template FullMinima (Coming soon).

Bien sûr n'oubliez pas de consulter les autres pages d'info, notamment la page du projet FullMinima , la page du Showcase et la démo de la dernière version de la Template.

J'ai classé les tutoriels sous forme de FAQ avec en haut les questions et en cliquant sur une question vous serez rediriger vers la réponse qui se trouve en bas de cette même page.
Ensuite il faut revenir vers la liste des questions et cliquer sur une autre question.
  1. Comment installer FullMinima ?
  2. Comment utiliser une Favicon personnelle ?
  3. Comment ajouter le widget "Abonnez-vous" dans la sidebar ?
  4. Comment personnaliser l'espace d'abonnement à la fin des articles ?
  5. Comment rendre le logo cliquable (version 1)?
  6. Configurations pour le référencement :
    1. Comment utiliser un logo optimisé pour le référencement.
    2. Comment ajouter des balises méta tag : Description et mots clés.
  7. Configuration des espaces publicitaires :
    1. Afficher des pubs en dessous des titres dans les pages d'articles.
    2. Afficher des pubs juste après le premier article dans la page d'accueil, d'archives et des libellés.
    3. Afficher des pubs à la fin des articles.
    4. Afficher des pubs en dessous du formulaire de commentaires.
  8. Comment ajouter un champ de recherche personnalisé avec Google
  9. Comment ajouter des liens dans le premier menu tout en haut à droite.
  10. Comment ajouter des liens dans la barre de navigation.
  11. Comment ajouter un widget Articles similaires avec Images en dessous des articles.
  12. Comment ajouter des boutons personnalisés : demo, Download, +info ... 

Comment installer FullMinima

Voici une vidéo pour vous montrer comment télécharger le fichier contenant la template, comment le décompresser et comment l'installer dans Blogger. à la fin de la vidéo vous trouverez les premières modifications que vous devriez faire pour personnaliser votre blog ...

Utiliser une Favicon Personnelle

Pour utiliser une favicon personnelle, cherchez ce code et modifiez l'adresse en reouge avec l'adresse de l'image que vous voulez utiliser comme Favicon.
<link href='http://blogspot.leblogger.com/fullminima/images/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
Pour plus d'informations lisez le tuto : Comment utiliser une Favicon personnelle dans Blogger-Blogspot

Widget Abonnez-vous dans la sidebar

C'est très simple : créez un widget HTML/Javascript (cf tuto) et ajoutez y ces lignes (N'oubliez pas de remplacer les codes en rouge par vos identifiants FeedBurner, Twitter et Facebook) :
<div id="subscribe-widget">
    <p>
        Recevez les nouveaux articles par email
    </p>
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=LeBlogger', 'popupwindow', 'scrollbars=yes,width=750,height=520');return true">
        <input type="text" id="Email-sub1" style="" value="AdresseEmail@exemple.com" onfocus="if(this.value==&#39;AdresseEmail@exemple.com&#39;)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=&#39;AdresseEmail@exemple.com&#39;;" class="required email" name="email" />
        <input type="hidden" value="LeBlogger" name="uri" /><input type="hidden" name="loc" value="fr_FR" />
        <input id="Email-sub2" type="submit" value="Go" />
    </form>
    <div class="spacer">
    </div>
    <ul class="social">
        <li><a href="http://feeds2.feedburner.com/LeBlogger" rel="nofollow" title="Flux RSS"><img src="http://4.bp.blogspot.com/_xDpoN6UfFFY/TNcVfhV0ZVI/AAAAAAAADFY/I003QPyJSCk/s1600/rss16.png" alt="RSS " />RSS<span></span></a></li>
        <li><a href="http://twitter.com/LeBlogger" rel="nofollow" title="Suivez nous sur Twitter"><img src="    http://3.bp.blogspot.com/_xDpoN6UfFFY/TNcVgLULu-I/AAAAAAAADFc/zKeyoHb7n90/s1600/twitter16.png" alt="Twitter" />Twitter<span></span></a></li>
        <li><a href="http://facebook.com/LeBlogWeb" rel="nofollow" title="Page Facebook"><img src="http://2.bp.blogspot.com/_xDpoN6UfFFY/TNcVeYEPHpI/AAAAAAAADFQ/gRp-g5LIUsc/s1600/facebook16.png" alt=" " />Facebook<span></span></a></li>
        <li><a href='http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/leblogger' rel='nofollow' title="Abonnez-vous au flux RSS avec Google Reader"><img src="http://2.bp.blogspot.com/_xDpoN6UfFFY/TNcVfFtOvLI/AAAAAAAADFU/XPd07ivRB6c/s1600/google16.png" alt=" " />Reader<span></span></a></li>
    </ul>
</div>
<style>
#subscribe-widget {
    clear:both;
    float:left;
    padding:5px 10px 10px 0;
    width:285px;
}
#subscribe-widget ul li {
    background:none;
    padding:0;
    border:0
}
#subscribe-widget p {
    margin-bottom:2px;
}
.widget .social li {
    display:inline;
    float:left;
    padding:4px 0;
    margin-right:8px;
    line-height:1.2;
}
.widget .social li a {
    font-size:12px;
    font-weight:bold;
}
.widget .social img {
    float:left;
    margin-right:7px;
}
#Email-sub2 {
    background:url("http://b.leblogweb.com/LeBlogger/bg2.png") repeat scroll 0 0 transparent;
    border:1px solid #EDEDED;
    color:#666666;
    cursor:pointer;
    float:left;
    height:30px;
    width:45px;
}
#Email-sub1 {
    background:url("http://b.leblogweb.com/LeBlogger/bg2.png") repeat scroll 0 0 transparent;
    border:1px solid #EDEDED;
    float:left;
    height:28px;
    margin-right:5px;
    padding:0 2px 0 5px;
    width: 215px;
}
</style>

Configurer les boutons d'abonnement Twitter, Facebook et FeedBurner en dessous des articles

FullMinima contient un espace d'abonnement et de partage qui est affiché en dessous de chaque article. cet espace contient des boutons de partage Facebook et Twitter mais aussi des liens d'abonnement au Flux RSS, à la NewsLetter et Twitter.
<div class='partagerCounters'>
<a class='twitter-share-button' data-count='vertical' data-related='soBlogger:LeBlogger' data-via='LeBlogger' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>

<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
</div>
<div class='partagerCounters'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'>Facebook</a>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
</div>
<div class='partagerAbonnement'>
<h3>Vous avez aimé cet article ?</h3><ul>
<li class='partagerEmail'><a href='http://feedburner.google.com/fb/a/mailverify?uri=LeBlogger&amp;loc=fr_FR' rel='nofollow' target='_blank'>Recevez les nouveaux articles par email</a></li>
<li class='partagerRSS'><a href='http://feeds2.feedburner.com/leBlogger' rel='nofollow' target='_blank'>Abonnez-vous au Flux RSS</a> </li>
<li class='partagerTwitter'><a href='http://twitter.com/leBlogger' rel='nofollow' target='_blank'>Suivez moi sur Twitter</a></li>
Localisez ce code et modifiez les textes en rouge et en rose avec vos identifiants et vos expressions.
36 Commentaires
  1. bravo, si tu vas au bout de l'article ça va être top surtout que tu propose un super template.
    bon courage ;)

    RépondreSupprimer
  2. Merci, j'attends un peu pour voir avant de me lancer dans les autres tutoriels

    RépondreSupprimer
  3. Bravo , merci pour ce super tutoriel , avec une template bien traité

    RépondreSupprimer
  4. salut soufian c'est tres super je te remerci pour la superbe template ,pourrier vous me faire un header comme le tien , de remplacer leblogger par "couches bebe".org et merci bc
    www.couches-bebe.org

    RépondreSupprimer
  5. Bonjour Sofiane,

    Bon déjà, merci de nous faire partager tes réalisations, et d'en faire profiter toute la communauté, c'est cool ;) .

    J'ai plusieurs questions à propos de la customisation du template FullMinima :

    - A propos du Widget "Lire la suite", comment faire pour NE PAS l'afficher dans les "Pages" blogger ?

    - Comment customiser la taille des polices ? les couleurs du thème ? etc

    - A propos de l'astuce pour avoir des numéros de page, celle-ci ne s'affiche pas, aurais tu bloquer des fonctionnalités ?

    Merci d'avance pour tes réponses,

    En attente de te lire,

    Cordialement

    RépondreSupprimer
  6. @Admin AEC Model Club
    Je vois que la première chose tu as faites c'est de supprimer le lien vers LeBlogger, félicitation et merci

    RépondreSupprimer
  7. Désolé c'est une ingérence de ma part, je voulais modifié la phrase (mais j'ai effacé la totalité), et je ne sais pas à quel endroit remettre la phrase dans le code, pourrais tu me le dire, je corrige sa de suite.

    RépondreSupprimer
  8. Bonjour soufiane,

    Merci pour ce magnifique template :)

    RépondreSupprimer
  9. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  10. Merci Soufiane ;) j'ai une solution pour le problème de suppression de copyright pour votre Template aves cette solution aucun peut supprimer votre lien ;)

    RépondreSupprimer
  11. Bonjour Soufiane,
    J'aimerai avoir un petit d'aide de ta part :) (please)
    J'ai trois questions à te poser sur la template :
    1- Comment faire pour changer l'arrière plan du blog ???
    2- Comment faire pour mettre les articles en résumés automatiquement??? car j'ai essayé avec le topic de ton blog et sa ne marche pas :(
    3- Et ma dernière question est: comment faire pour pouvoir mettre un menu horizontal en accordéon ???

    Merci d'avance pour ton aide précieuse
    Cordialement
    Michael

    RépondreSupprimer
  12. @Michael si tu cherches un menu en accordéon un bon tuto ici qui fonctionne super bien et facile a installer.

    http://les-nouvelles-ficelles-d-annak.blogspot.com/2010/10/blogger-afficher-un-menu-coulissant.html

    RépondreSupprimer
  13. bonjour, bravo pour ce template tres épuré !
    je voudrais savoir si il est possible de supprimer les boutons d'abonnement (twiter, facebook ...) à la fin de chaque article ? ce n'est pas tres utile pour l'instant sur mon blog.

    j'ai vu egalement qu'il etait possible de personnaliser les couleurs et polices dans "outils de creation de modeles", mais chez moi ce n'est pas autorisé ...

    sinon trés bon travail encore bravo et merci

    RépondreSupprimer
  14. j'essaie egalement d'y integrer ces codes (http://www.leblogger.com/2009/07/automatique-lire-la-suite-image-blogger.html) pour le resumé automatique, mais je ne trouve pas le code dans le code html full minima.

    j'ai vu sur un de tes commentaires que tu préconisais simplement de cliquer sur "resumer l'article" au moment de la rédaction du blog, mais je ne trouve pas du tout cette fonction ... merci pour votre aide

    RépondreSupprimer
  15. @IndiGo
    Oui bien sur tu peux supprimer l'espace de partage présent à la fin de chaque article en localisant et en supprimant le code de la partie Configurer les boutons d'abonnement Twitter, Facebook et FeedBurner en dessous des articles" (il faut supprimer deux ou trois lignes en plus).

    Pour les résumés automatique, oui le code de mon tutoriel ne fonctionne pas bien en ce moment je vais essayer de corriger cela le plus tôt possible.

    Pour les résumés de Blogger, regard la capture de ce vieux article : http://www.leblogger.com/2009/09/nouveau-resume-blogger-lire-la-suite.html

    RépondreSupprimer
  16. salut SOUFIANE, c'est un super tutoriel sur cette template , bonne continuation ;)

    RépondreSupprimer
  17. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  18. slt s il vous plait comment je peux Afficher des pubs juste après le premier article dans la page d'accueil
    j ai essayer le code qui se trouve dans cet article
    http://www.leblogger.com/2010/06/afficher-code-premier-article-blogger.html
    mais ça n a pas marché

    RépondreSupprimer
  19. Merci Soufiane pour tout le travail que tu donnes. Je considère que ce modèle est LE template par excellence. Il est hyper léger, facile à modifier. Comme j'avais installé le système de commentaire Intense Debate, je ne suis jamais arrivée à trouver un modèle aussi léger.

    RépondreSupprimer
  20. Je ne peut pas télécharger ce template :[
    voici ce que blogspot me sort :

    Impossible d'enregistrer votre modèle
    Veuillez corriger l'erreur ci-dessous et renvoyer votre modèle.
    Votre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés.
    Message d'erreur XML : Content is not allowed in prolog.

    RépondreSupprimer
  21. @Gaga News . Tk
    Je pense que tu essais d'uploader le mauvais fichier :D

    RépondreSupprimer
  22. Ok , pourriez vous me dire qu'au cas je change mon template par FullMinima 1.0 , mes articles seront-ils effacés ?

    RépondreSupprimer
  23. @Gaga News . Tk
    Bien sûr que non, mais vous perdrez toute la mise en page, donc il faut sauvegarder votre Template avant de procéder.

    RépondreSupprimer
  24. Multiple Choices

    The document name you requested (/fullminima/download/FullMinima-1-02.zip) could not be found on this server. However, we found documents with names similar to the one you requested.
    Available documents:

    /fullminima/download/FullMinima-1-00.zip (mistyped character)
    /fullminima/download/FullMinima-1-01.zip (mistyped character)
    /fullminima/download/FullMinima-1.02.zip (mistyped character)
    Please consider informing the owner of the referring page about the broken link.



    Quand j'accède au téléchargement , ça me sort cette page .. et toujours le même problème !

    RépondreSupprimer
  25. @Gaga News . Tk
    Ouups, c'est corrigé :D

    RépondreSupprimer
  26. Salut ! j'ai une question es-que tu c'est comment diminuer la taille des titres des article ? :D Merci !

    RépondreSupprimer
  27. Bonjour Soufiane, merci beaucoup pour Fullminima.

    Je ne comprends pas où je peux trouver les codes pour Configurer les boutons d'abonnement Twitter, Facebook et FeedBurner en dessous des articles.
    Où est-ce que je peux modifier cela ?

    Merci de ton aide !

    RépondreSupprimer
  28. Faut aller dans La partie "Modifier le code HTML" dans le tableau de bord Blogger ?

    RépondreSupprimer
  29. C'est que j'essaie de faire, mais je n'arrive pas à trouver où est située le code ! Je vais réessayer. Merci de ta réponse rapide : )

    RépondreSupprimer
  30. Faut cocher la case "Développer les modèles de widget" :)

    RépondreSupprimer
  31. Rah oui ! Maintenant, je l'ai trouvé ! Merci beaucoup. J'essaie peu à peu de donner un aspect plus pro à mon blog, mais c'est laborieux. Grâce à tes conseils, ça avance peu à peu ! www.seins-screen.com

    RépondreSupprimer
  32. Everything is very open with a clear description of the challenges.

    It was really informative. Your site is
    very helpful. Thanks for sharing!

    Here is my website; how to buy a car
    My web site: buying a car with bad credit,buy a car with bad credit,how to buy a car with bad credit,buying a car,buy a car,how to buy a car

    RépondreSupprimer
  33. Merci pour ces bons moments sur votre blog. Je suis souvent au poste pour regarder (encore et toujours) ces merveilleux articles que vous partagé. Vraiment très intéressant. Bonne continuation à vous !

    voyance par mail ; voyance par mail gratuite

    RépondreSupprimer

Copyright 2015 Soufiane.fr