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 !).
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) :
Comment trouvez vous cette Template ?
N'hésitez pas à en discuter via les commentaires...
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 !).
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'>Voici à quoi ressemblera votre tableau de bord Blogger une fois BloggerPress instalée:
<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>
N'hésitez pas à en discuter via les commentaires...
après avoir recupéré le code xml,
RépondreSupprimerje 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
Woops ;) moi je l'installe sans problème ;)
RépondreSupprimerEssai d'ouvrir le fichier xml dans un traiment de texte et copier/coller le code de la Template manuellement dans ton blog....
euh... il n'y a pas une autre couleeur ??
RépondreSupprimer@mimizz
RépondreSupprimerLa plupart c'est des images, mais tu peux changer les couleurs dans le code HTML ....
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.
RépondreSupprimerMerci d'avance, ton blog est vraiment super, continue !
:x Regard la 2ième image :(
RépondreSupprimerBein oui mais ca ne me dit pas comment il faut faire. C'est pas grave je vais le mettre en dessous du header
RépondreSupprimerAh tu voulais en dessous du header, mais pour ça il faut modifier tout les arrières plans qui sont des images ... pas facile.
RépondreSupprimerSalut , 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@Moana iti
RépondreSupprimerPourquoi ? Tu ne trouves pas les codes ?
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épondreSupprimerbjr et félicitations pour ton site, une vraie mine d'info pour bloggers !
RépondreSupprimerJ'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
hello Soufiane, hello à tous.
RépondreSupprimerce 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/
pour finir, c'est vrai que ce jaune n'est pas très heureux.
RépondreSupprimeril est facile de repérer le code couleur du fond dans le html ?
car mot chercher ?
merci x 1000
@SSSUPERSIGNS ???
RépondreSupprimerDsl 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 !
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épondreSupprimerJuste 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.
RépondreSupprimerMerci d'avance 8-(
Salut soufianne,
RépondreSupprimerPeut-on éviter le résumé des articles?? Il faut supprimer quel code?
Merci d'avance!:)
Ce commentaire a été supprimé par l'auteur.
RépondreSupprimerslt soufiane:)
RépondreSupprimerj'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+
http://cairo-pro.blogspot.com/
RépondreSupprimerSalut Soufiane.
RépondreSupprimerSaurais 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?
Bonsoir
RépondreSupprimerJe 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