rss

Nouveau style du blog

Aujourd'hui j'ai enfin pris le temps de modifier le thème de présentation de ce blog !
(ce n'est pas une mince affaire étant donné mes goûts en terme d'Art & Déco ;)

Pour ce faire, j'ai donc fait un tour chez mon ami Google pour lui demander comment faire : recherche de "blogger template".

Je prends le premier résultat : http://btemplates.com : un site référençant de nombreux modèles pour les [B]loggeurs : pour chaque modèle vous retrouvez une petite archive à télécharger ainsi qu'une petite démo : très utile !

J'ai donc navigué au moins jusque la page 31 pour y trouver le modèle BCute...
Qu'en dites vous !?


Voici comment l'installer :
-Rendez-vous sur votre blog sur la page de mise en page :

- Sélectionner le menu "Modifier le code HTML".
- Vous y trouverez en haut de page un lien pour télécharger le modèle actuellement utilisé par votre blog ainsi qu'un formulaire permettant d'envoyer votre nouveau modèle.
- Téléchargez le modèle dans son intégralité : cette action téléchargera le modèle XML actuellement utilisé par votre blog.

Attention : l'action suivante peut entraîner la perte de certaines informations concernant vos gadgets utilisés. Ne procédez à l'installation d'un nouveau modèle que si vous êtes capables de ré ajouter les gadgets utiles.

- Dans l'archive que vous avez récupéré de btemplates, sélectionnez sur votre disque dur via "Parcourir..." le fichier XML (ie. Bcute.xml). Et cliquez sur "Tranférer" !

Bingo, votre blog adopte desormais une nouvelle présentation !

Il reste quand même quelques personnalisations à apporter. Pour cela, il faut un peu fouiner dans le code HTML/CSS... Sur ce point, je pense que google peut encore améliorer les modèles.

Voici quelques astuces pour personnaliser son modèle :

  • Pub google Réajoutez la publicité grace à l'onglet "Monétisation" (NDLR : heu j'ai mis çà moi aussi mais je n'ai encore rien gagné ;)))

  • Stats GG Analytics pour retrouver le code HTML à ajouter dans votre blog avant "</body>", retournez faire un tour sur Google Analytics et cliquez sur le lien "Modifier" correspondant à votre site. Puis cliquez sur "Vérifier l'état".

  • Partage GG Reader pour retrouver votre liste de partage Google Reader incluant vos commentaires, rendez-vous dans les préférences de google reader, cliquez sur l'onglet "Dossiers et tags" puis "ajouter un extrait à votre site" de votre "liste de partage".

  • Gadget iGoogle personnalisé Pour ajouter un gadget iGoogle à votre blog, il suffit dans "Mise en page" / "Éléments de la page" d'"ajouter un gadget". Sélectionnez "HTML/JavaScript". Ensuite vous pouvez y coller un code de votre création ou bien le code fournit par cette page permettant l'ajout d'un gadget iGoogle (ie. Wikipen Gadget) à un site web.

  • Si le nuage de mots clés de votre blog ne s'affiche plus comme un nuage mais toujours comme une liste, voici le bout de CSS à rajouter (ici "Label1" correspond à l'identifiant de mon gadget comportant les mots-clés) :


    /* PUCES */
    #Label1 li {
    padding:2px;
    list-style: none;
    float:left;
    }


1 commentaire:

stef a dit…

YES : cool ce nouveau style ! ;)

Enregistrer un commentaire

Mots clés du blog

acceptancetest androï Android androïd Android7 api appender appengine application applications archive array assistantematernelle astuce auth0 authentication authority automation Axis bash bearer blog bower build bundle c calendrier camille combal cdi certificate cf client cloudfoundry collaboratif command commandes connexion console css démasquées démasquer développement dll dump easter eggs écologie écrit employeur EMUI EMUI5.0 enfant évènement export-package ExtJS fiche find firefox gadget gelf gem git gmail gooelappengine google gparted gps graylog grenoble Grid gui harddrive heroku hover howto HTML http https IE ihm immobilier imprimante innovation insolite instance integration Java JavaScript jenkins jeu jobs json json-schema-validator key keystore labs linux livre log log4j logger logs lombok masquées masquer maven maven-gae-plugin Mémoire microsoft mobile mockito mondialisation monitor MUSE musique en ligne myopera nodejs npm NT NTEventLogger onglet openstack osgi paas package parameters parent php politique prosyst prototype proxies proxy quartz radio rappel recherche regex repository resize RIA rock route ruby rubygems s8500 samsung scheduler scm sel selenium Serializer server shared shell slf4j smartphone so société song spy ssh ssl struct swagger swig tâches téléphone téléréalité test thunderbird timeout token Tomcat tooltip tooltips truststore ubuntu unit test validator virgin virtualbox wave waze web WebApp wiki wikimedia wikipédia wikipen windows yahoo youtube yum