BloggerPress - Template Blogger

BloggerPress est incontestablenemnt une des meilleurs Templates Blogger que j'e n'ai jamais vu. Le design est magnique et il a été pensé pour Blogger (oui, ce n'est pas une convertion d'un thème Wordpress)

La template dispose de plusieurs fonctionalités très intéréssantes comme le Slider, les résumés automatiques, la redimention automatique des images, une zone de partage ....

BloggerPress est l'oeuvre de Joao & Jessica de l'excelent blog be-insight (jetez un coup d'œil sur leur blog, c'est un BLOGSPOT !).
Blogger Press

Installation

La date

Vous devez modifier l'affichage de la date, en allant dans Paramètres → Mise en forme → Format des en-têtes de date → puis choisir le format j/M/A comme ça 01 Janvier 2010.

Le Slider

Vous devez entrer manuellement les liens/images à utiliser dans le Slider.
Pour cela allez dans "Mise en page" → "Modifier le code HTML" → cochez la case "Développer des modèles de gadgets" → Recherchez le code en dessous et remplacez le texte en rouge et en bleu par vos liens et les URLs de vos images (les images doivent t'être à la taille 150 x 100px) :
<div class='scrollContainer'>
<div class='panel' id='panel_1'>
<div class='inside'>
<ul class='gallery'>
<li><a href='LINK'><img alt='Image 1' src='http://lh5.ggpht.com/_dKIQkAGa2xA/StHP3Bxz4eI/AAAAAAAAAPc/sYb658NiY5M/amazona.jpg'/></a></li>
<li><a href='LINK'><img alt='Image 2' src='http://lh6.ggpht.com/_dKIQkAGa2xA/StHP3XtfmjI/AAAAAAAAAPg/iC4tktrXtag/jesus2.jpg'/></a></li>
<li><a href='LINK'><img alt='Image 3' src='http://lh4.ggpht.com/_dKIQkAGa2xA/StHP3ahl2lI/AAAAAAAAAPk/4dxMlpkeHuI/rumoaooriente2.jpg'/></a></li>
<li><a href='LINK'><img alt='Image 4' src='http://lh6.ggpht.com/_dKIQkAGa2xA/StHRVisKPGI/AAAAAAAAAPo/eTVrGPjLt2I/dallasgreen.jpg'/></a></li>
</ul>
</div>
</div>
<div class='panel' id='panel_2'>
<div class='inside'>
<ul class='gallery'>
<li><a href='LINK'><img alt='Image 5' src='http://lh4.ggpht.com/_dKIQkAGa2xA/StHRVnBEojI/AAAAAAAAAPs/yCeXDVu93QA/don%27tspeak.jpg'/></a></li>
<li><a href='LINK'><img alt='Image 6' src='http://lh6.ggpht.com/_dKIQkAGa2xA/StHRVpQiLXI/AAAAAAAAAPw/baY4AiywJUM/joao1.jpg'/></a></li>
<li><a href='LINK'><img alt='Image 7' src='http://lh3.ggpht.com/_dKIQkAGa2xA/StHRVlaLiwI/AAAAAAAAAP0/74SLfWCArx0/ufo.jpg'/></a></li>
<li><a href='LINK'><img alt='Image 8' src='http://lh5.ggpht.com/_dKIQkAGa2xA/StHRV6rAPFI/AAAAAAAAAP4/CgHzhCb4fCM/violeiro.jpg'/></a></li>
</ul>
</div>
Voici à quoi ressemblera votre tableau de bord Blogger une fois BloggerPress instalée:
Blogger Press
Comment trouvez vous cette Template ?
N'hésitez pas à en discuter via les commentaires...
Libellés : Publié le dimanche, mai 02, 2010
23 Commentaires
  1. après avoir recupéré le code xml,
    je ne peux pas l'enregistrer car il m'indique :
    Le modèle doit inclure une balise "head".
    la balise est existante ,que dois je faire

    RépondreSupprimer
  2. Woops ;) moi je l'installe sans problème ;)
    Essai d'ouvrir le fichier xml dans un traiment de texte et copier/coller le code de la Template manuellement dans ton blog....

    RépondreSupprimer
  3. euh... il n'y a pas une autre couleeur ??

    RépondreSupprimer
  4. @mimizz
    La plupart c'est des images, mais tu peux changer les couleurs dans le code HTML ....

    RépondreSupprimer
  5. Coucou ! J'aurais voulu savoir comment faire pour ajouter une barre de lien comme en haut de cette templade (au dessus du header en fait) ou à coté du header comme tu as fait.
    Merci d'avance, ton blog est vraiment super, continue !

    RépondreSupprimer
  6. Bein oui mais ca ne me dit pas comment il faut faire. C'est pas grave je vais le mettre en dessous du header

    RépondreSupprimer
  7. Ah tu voulais en dessous du header, mais pour ça il faut modifier tout les arrières plans qui sont des images ... pas facile.

    RépondreSupprimer
  8. Salut , je suis novice , je tatonne et grâce a ton super site j'avance a petit pas et la , j'ai un problème :j'arrive ni a installer le bouton " j'aime " ni le formulaire de commentaire avec les oignon head qui sont trop mimi , ça fonctionnait bien avec l'ancien template mais pas avec celui la , Merci ! :a

    RépondreSupprimer
  9. @Moana iti
    Pourquoi ? Tu ne trouves pas les codes ?

    RépondreSupprimer
  10. j'ai suivie a la lettre les instructions ( intégré le formulaire de commentaires en dessous des article + utiliser les Onion Heads dans votre blog.) mais ça marche pas , pour le bouton j'aime j'ai réussi a l'installer sur l'ancien template en ajoutant le code juste sous . Sur ce template je trouve pas . Les explications , les codes , etc ... sont très clair , merci beaucoup pour cette aide , c'est mon premier blog et j'ai beaucoup appris grâce a ce site , bref , je suis nul ou fatiguée ! Grand merci et un Bonjour de Tahiti ( oui , j'écris du bout du monde =) :)

    RépondreSupprimer
  11. bjr et félicitations pour ton site, une vraie mine d'info pour bloggers !

    J'ai un probleme d'affichage avec ce template sous ie 8. le diaporama s'affiche plus bas qu'attendu comme tu peux le voir ici : http://malodoa.blogspot.com/

    Saurais-tu comment remédier à ce problème? Merci
    Laurent

    RépondreSupprimer
  12. hello Soufiane, hello à tous.
    ce template est top.
    - si je copie-colle le code : je ne perds pas mes articles déjà écrit ?
    - est ce que je perds mes balises de référencement déjà écrites dans le code précedent ?
    - si je ne veux pas prendre de risque je copie l'ancien quelque part, et je pourrais le recoller ensuite sans problèmes ? rien n'aura bouger ?
    merci!!
    http://sssupersigns.blogspot.com/

    RépondreSupprimer
  13. pour finir, c'est vrai que ce jaune n'est pas très heureux.
    il est facile de repérer le code couleur du fond dans le html ?
    car mot chercher ?
    merci x 1000

    RépondreSupprimer
  14. @SSSUPERSIGNS ???
    Dsl j'ai pas p^répondre avant, je ne peux pas utiliser IE maintenant je regarderais ça dès que possible :)

    Le jeune dans l'arrière plan est une image !

    RépondreSupprimer
  15. Yeah, merci pour ce jolie thème pour blogger ;) et pour les explications qui vont avec, juste une petite questions: comment faire pour paramétrer les flux RSS (post & comment)

    RépondreSupprimer
  16. Juste une question en plus: comment faire pour que dans mes article avant de cliquez sur "lire la suite" on puisse voir déjà combien il y a de commentaire? Car là on ne le sait pas, il faut faire "lire l'article" pour le voir en entier et donc voir si y'a des commentaires.

    Merci d'avance 8-(

    RépondreSupprimer
  17. Salut soufianne,
    Peut-on éviter le résumé des articles?? Il faut supprimer quel code?
    Merci d'avance!:)

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

    RépondreSupprimer
  19. slt soufiane:)

    j'ai transféré ce template pour voir comment été fichu la personnalisation du widget "Recherche", pas que je veuille particulièrement celui ci mais pour voir la démarche à suivre. Je ne trouve pas de tuto.

    donc j'ai repris le code entre:

    /*Search-------------*/ et /*Slideshow-------------*/ copier coller sur un autre modèle.

    ainsi que ....... la div search-wrapper dans développer les gadgets jusqu'a fieldset form a div div .copier-coller


    j'ai aussi créé le widget "recherche" via celui proposer par blogger.
    ça ne marche pas. je dois rater qqchose :)

    si tu as le temps et une suggestion à m'apporter stp,je te remercie.
    Je continue à chercher de toute façon. A+

    RépondreSupprimer
  20. Salut Soufiane.
    Saurais tu comment on peut avoir cet effet de page mise en avant comme sur ce site?

    http://www.degroupnews.com/actualite/television-numerique/

    La page centrale semble comme "sortie" par une main invisible au dessus du reste du site. Je trouve cet effet des plus intéressants et toi?

    RépondreSupprimer
  21. Bonsoir

    Je voudrais savoir commence est-ce qu'on doit faire pour lier l'image 1 du slider au plus récent des articles, l'image 2 à l'avant dernier article et ainsi de suite ?

    Car si j'ai bien compris, si je lie le slide 1 à un lien d'article en particulier même si cet article n'est plus le plus récent cela ne changera rien au slide non ?

    Merci

    RépondreSupprimer

Copyright 2015 Soufiane.fr