Coment modifier la couleur de la barre de menu dans Blogger ?

On va utiliser l'outil de création de modèles de Blogger pour choisir la couleur de la barre horizontale de son blog. On clique sur "outil de création de  modèles" dans l'onglet "Présentation" :

blogger outil de création modèle


ou pour la nouvelle interface de Blogger dans le menu "Modèle" on clique sur "Customize" :

blogger draft outil de création modèle

On arrive ensuite dans l'outil de création de modèles où l'on choisit le menu "Avancé" puis le sous menu "Arrière-plan de la commande des onglets". Il ne reste plus qu'à choisir la couleur de l'arrière-plan et de l'onglet sélectionné :

couleur onglet barre menu blogger

Comment modifier la mise en page de son blog dans Blogger ?

On va utiliser l'outil de création de modèles de Blogger pour choisir la mise en page de son blog. On clique sur "outil de création de  modèles" dans l'onglet "Présentation" :

blogger outil de création modèle


ou pour la nouvelle interface de Blogger dans le menu "Modèle" on clique sur "Customize" :

blogger draft outil de création modèle

On arrive ensuite dans l'outil de création de modèles où l'on choisit le menu "Mise en page". Il ne reste plus qu'à choisir la mise en page souhaitée :

mise en page blogger

A cette endroit on peut donc choisir le nombre de colonnes voulu ainsi que leur disposition y compris pour le pied de page. Avec certains Templates on ne peut pas modifier la mise en page avec l'outil de création des modèles de Blogger, il faudra intervenir au niveau du code HTML.

Comment gérer la largeur de son blog dans Blogger ?

On va utiliser l'outil de création de modèles de Blogger pour modifier la largeur de son blog. On clique sur "outil de création de  modèles" dans l'onglet "Présentation" :

blogger outil de création modèle


ou pour la nouvelle interface de Blogger dans le menu "Modèle" on clique sur "Customize" :

blogger draft outil de création modèle

On arrive ensuite dans l'outil de création de modèles où l'on choisit le menu "Ajuster la largeur". On choisit la largeur totale du blog en pixel (px) en bougeant le curseur au niveau du "Blog complet", puis éventuellement la  largeur de la ou des barres latérales en bougeant le curseur au niveau de "Barre latérale droite" et/ou "Barre latérale gauche". La largeur du corps des message sera la largeur totale du blog moins la largeur des barres latérales.

Largeur message 650 px  (960 px - 310 px)
largeur blog blogger

Largeur message 600 px (1120 px - 260 px - 260 px)
largeur blog blogger

Comment changer la police et la couleur du titre de ses gadgets dans Blogger ?

On va utiliser l'outil de création de modèles de Blogger pour choisir la police et la couleur du titre de ses gadgets (widgets) de son blog. On clique sur "outil de création de  modèles" dans l'onglet "Présentation" :

blogger outil de création modèle


ou pour la nouvelle interface de Blogger dans le menu "Modèle" on clique sur "Customize" :

blogger draft outil de création modèle

On arrive ensuite dans l'outil de création de modèles où l'on choisit le menu "Avancé" puis le sous menu "Gadgets". Il ne reste plus qu'à choisir sa police ainsi que sa taille, son style (gras, italique) et sa couleur :

police couleur titre gadget blogger


Autre couleur : Permet de choisir une couleur pour d'autres éléments propres du gadget comme les puces, ici en jaune. Bien que l'éditeur de Blogger entoure la date, ce n'est pas ici qu'on change la couleur : http://blogger-tranquille.blogspot.com/2011/09/comment-choisir-la-couleur-de-la-date.html.

Comment changer la couleur du texte du pied de page des messages dans Blogger ?

On va utiliser l'outil de création de modèles de Blogger pour choisir la couleur du texte du pied de page des messages de son blog. On clique sur "outil de création de  modèles" dans l'onglet "Présentation" :

blogger outil de création modèle


ou pour la nouvelle interface de Blogger dans le menu "Modèle" on clique sur "Customize" :

blogger draft outil de création modèle

On arrive ensuite dans l'outil de création de modèles où l'on choisit le menu "Avancé" puis le sous menu "Pied de page du message". Il ne reste plus qu'à choisir sa couleur, selon le modèle de Blogger utilisé on peut également changer la couleur de l'arrière plan  et de l'élément caché  :

couleur pied de page blogger

couleur pied de page blogger

Comment modifier la police des titres des messages dans Blogger ?

On va utiliser l'outil de création de modèles de Blogger pour choisir la police des titres des messages de son blog. On clique sur "outil de création de  modèles" dans l'onglet "Présentation" :

blogger outil de création modèle


ou pour la nouvelle interface de Blogger dans le menu "Modèle" on clique sur "Customize" :

blogger draft outil de création modèle

On arrive ensuite dans l'outil de création de modèles où l'on choisit le menu "Avancé" puis le sous menu "Titre de message" ou "Message" selon le modèle de Blogger que l'on utilise. Il ne reste plus qu'à choisir sa police ainsi que sa taille et  son style (gras, italique)  :

police titre message blogger

police titre message blogger

Comment choisir la couleur de la date dans Blogger ?

On va utiliser l'outil de création de modèles de Blogger pour choisir la couleur de la date de ses messages de son blog. On clique sur "outil de création de  modèles" dans l'onglet "Présentation" :

blogger outil de création modèle


ou pour la nouvelle interface de Blogger dans le menu "Modèle" on clique sur "Customize" :

blogger draft outil de création modèle

On arrive ensuite dans l'outil de création de modèles où l'on choisit le menu "Avancé" puis le sous menu "En-tête de la date". Il ne reste plus qu'à choisir la couleur désirée ainsi que celle de l'arrière-plan :

couleur date blogger

Comment choisir la couleur de ses liens dans Blogger ?

On va utiliser l'outil de création de modèles de Blogger pour choisir la couleur de ses liens dans son blog. On clique sur "outil de création de  modèles" dans l'onglet "Présentation" :

blogger outil de création modèle


ou pour la nouvelle interface de Blogger dans le menu "Modèle" on clique sur "Customize" :

blogger draft outil de création modèle

On arrive ensuite dans l'outil de création de modèles où l'on choisit le menu "Avancé" puis le sous menu "Liens". Il ne reste plus qu'à choisir  la couleur des liens :

couleur liens blogger

Couleur de lien = couleur par défaut.
Couleur du lien visité = couleur du lien après avoir cliquer dessus au moins une fois.
Couleur de pointage = Couleur du lien quand on le survol avec la souris.

Comment changer la couleur des arrière-plans dans Blogger ?

On va utiliser l'outil de création de modèles de Blogger pour modifier la couleur de ses arrière-plans de son blog. On clique sur "outil de création de  modèles" dans l'onglet "Présentation" :

blogger outil de création modèle


ou pour la nouvelle interface de Blogger dans le menu "Modèle" on clique sur "Customize" :

blogger draft outil de création modèle

On arrive ensuite dans l'outil de création de modèles où l'on choisit le menu "Avancé" puis le sous menu "Arrière-plans". Il ne reste plus qu'à choisir la couleur désirée pour chaque arrière-plan :

couleur arrière-plans blogger

Comment modifier la police, la taille et la couleur du texte des messages dans Blogger ?

On va utiliser l'outil de création de modèles de Blogger pour choisir la police, le style et la couleur du texte de ses messages. On clique sur "outil de création de  modèles" dans l'onglet "Présentation" :

blogger outil de création modèle


ou pour la nouvelle interface de Blogger dans le menu "Modèle" on clique sur "Customize" :

blogger draft outil de création modèle

On arrive ensuite dans l'outil de création de modèles où l'on choisit le menu "Avancé" puis le sous menu "texte de la page". Il ne reste plus qu'à choisir sa police ainsi que sa taille, son style (gras, italique) et sa couleur :

police taille couleur style message blogger

Comment désactiver le nouvel aperçu des images dans Blogger ?

Pour désactiver l'aperçu des image en lightbox dans Blogger, il faut ajouter avant la balise </html> le script suivant :

<script type='text/javascript'>
gooimg = document.getElementById('main');
goobox = gooimg.innerHTML;
goobox = goobox.replace("'lightboxEnabled': true,","'lightboxEnabled': false,");
gooimg.innerHTML = goobox;
</script>

Pour cela il faut se rendre dans le menu "Modifier le code HTML" de l'onglet "Présentation"et de cocher "Développer des modèles de gadgets":

suppression aperçu image blogger

Dans la nouvelle interface de Blogger (draft) la modification s'effectue dans le menu "Modèle" en cliquant sur "Modifier le code HTML".

Comment supprimer un blog dans Blogger ?

La suppression d'un blog dans Blogger s'effectue de façon très simple. Il suffit de se rendre dans le menu "Général" de l'onglet "Paramètres" et de cliquer sur "Supprimer le blog" :

suppression blog blogger 


Dans le nouvel éditeur Blogger (draft) il faudra se rendre dans le sous-menu "Autre" du menu "Paramètres" pour cliquer sur "Supprimer le blog" :

suppression blog blogger draft


S'ouvre alors une nouvelle page où il suffit de cliquer sur "Supprimer ce blog" :

suppression blog blogger
Modèle Draft

suppression blog blogger draft

Comme indiquer sur cette dernière page, la suppression définitive intervient véritablement dans un délai de 90 jours, laissant la possibilité pendant ce laps de temps de pouvoir effectuer une restauration ou un nouveau blog avec le nom de celui supprimé.

Comment exporter son blog dans Blogger ?

L'export d'un blog (messages et commentaires) dans Blogger s'effectue de façon très simple. Il suffit de se rendre dans le menu "Général" de l'onglet "Paramètres" et de cliquer sur "Exporter le blog" :

export blog blogger

Dans le nouvel éditeur de Blogger (draft) il faudra se rendre dans le sous-menu "Autre" du menu "Paramètres" pour cliquer sur "Exporter le blog" :

export blog blogger

S'ouvre alors une nouvelle page où il suffit de cliquer sur "Télécharger le blog" pour obtenir l'intégralité des messages et des commentaires au format XML :

export blog blogger
Modèle Draft

export blog blogger draft

Comment importer un blog dans Blogger ?

L'import d'un blog (messages et commentaires) dans Blogger s'effectue de façon très simple. Il suffit de se rendre dans le menu "Général" de l'onglet "Paramètres" et de cliquer sur "Importer le blog" :

importer blog blogger

Dans le nouvel éditeur Blogger (draft) il faudra se rendre dans le sous-menu "Autre" du menu "Paramètres" pour cliquer sur "Importer le blog" :

importer blog blogger draft


S'ouvre alors une nouvelle page où l'on doit sélectionner le blog à importer au format XML, saisir les lettres dans le cadre proposé à cet effet puis de cliquer sur "IMPORTER LE BLOG" avec la possibilité de choisir avant, si l'on désire une publication automatique en cochant la  case "Publier automatiquement tous les messages importés" :

import blog blogger

Modèle Draft

import blog blogger draft

Comment encadrer un texte dans Blogger ?

Rien de particulier pour l'encadrement d'un texte dans Blogger, il s'agit simplement des règles du HTML. En HTML l'encadrement se fait en créant un tableau avec une seule cellule. Pour commencer on écrit le texte que l'on veut encadrer avec l'éditeur de Blogger puis ensuite on se rend dans l'onglet "Modifier le code HTML" pour créer sa table.

Exemple
(les différents tableaux présentés reprennent le code du précédent en y ajoutant une seule modification à la fois)

1ère étape

La rédaction du texte à encadrer :

La vie
est
un long fleuve tranquille

Code HTML :

<div style="text-align: left;">
La vie
est
un long fleuve tranquille</div>


2éme étape

On encadre le texte en créant le tableau en ajoutant les attributs suivants au début et à la fin du code HTML précédent :

<table border="1" cellpadding="1" cellspacing="1"><tbody><tr><td>
et
</td></tr></tbody></table>

La vie
est
un long fleuve tranquille


Code HTML :

<table border="1" cellpadding="1" cellspacing="1"><tbody>
<tr><td><div style="text-align: left;">
La vie
est
un long fleuve tranquille</div>
</td></tr>
</tbody></table>


3éme étape

La personnalisation

Pour centrer le contenu du cadre soit on utilise les outils de l'éditeur de Blogger (centrer, justifier, droite, gauche) soit on retouche le code HTML :

La vie
est
un long fleuve tranquille


Code HTML :

<table border="1" cellpadding="1" cellspacing="1"><tbody>
<tr><td><div style="text-align: center;">
La vie
est
un long fleuve tranquille</div>
</td></tr>
</tbody></table>


On choisit l'épaisseur de la bordure en modifiant l'attribut border="1"


La vie
est
un long fleuve tranquille


Code HTML :

<table border="10" cellpadding="1" cellspacing="1"><tbody>
<tr><td><div style="text-align: center;">
La vie
est
un long fleuve tranquille</div>
</td></tr>
</tbody></table>


Pour centrer (ou le mettre à droite ou à gauche) le tableau, il suffit d'ajouter l'attribut align="center" (ou left ou right) à la balise <table> :

La vie
est
un long fleuve tranquille

Code HTML :

<table align="center" border="10" cellpadding="1" cellspacing="1"><tbody>
<tr><td><div style="text-align: center;">
La vie
est
un long fleuve tranquille</div>
</td></tr>
</tbody></table>


Pour espacer le texte des bordures on modifie l'attribut cellpadding="1" :

La vie
est
un long fleuve tranquille


Code HTML :

<table align="center" border="10" cellpadding="10" cellspacing="1"><tbody>
<tr><td><div style="text-align: center;">
La vie
est
un long fleuve tranquille</div>
</td></tr>
</tbody></table>


L'espacement entre les cellules peut être modifier avec l'attribut cellspacing="1" même dans le cas d'un tableau avec une cellule comme, ce qui permet de varier l'esthétique du cadre :

La vie
est
un long fleuve tranquille

Code HTML :

<table align="center" border="10" cellpadding="10" cellspacing="10"><tbody>
<tr><td><div style="text-align: center;">
La vie
est
un long fleuve tranquille</div>
</td></tr>
</tbody></table>


A savoir : Les balises <tbody> et </tbody> ne sont pas obligatoires, blogger les ajoutera lui-même. Les balises <div> et </div> ne sont pas nécessaire, il est tout à fait possible de faire sans et c'est la balise <tr> qui reprendra les attributs de la balise <div> :

La vie
est
un long fleuve tranquille

Code HTML :

<table align="center" border="10" cellpadding="10" cellspacing="10"><tbody>
<tr align="center"> <td>La vie
est
un long fleuve tranquille</td></tr>
</tbody></table>



D'autres possibilités existent avec la balise <table>, pour aller plus loin vous pouvez lire cet excellent article sur les tableaux : http://www.allhtml.com/articles/detail/369.

Comment choisir la police, le style et la couleur de la description de son blog dans Blogger ?

On va utiliser l'outil de création de modèles de Blogger pour choisir la police, le style et la couleur de la description de son blog. On clique sur "outil de création de  modèles" dans l'onglet "Présentation" :

blogger navbar


ou pour la nouvelle interface de Blogger dans le menu "Modèle" on clique sur "Customize" :

blogger navbar

On arrive ensuite dans l'outil de création de modèles où l'on choisit le menu "Avancé" puis le sous menu "Description du blog". Il ne reste plus qu'à choisir sa police ainsi que sa taille, son style (gras, italique) et sa couleur :

police style couleur description blogger

A chaque changement le résultat est visible dans l'aperçu du blog avant tout enregistrement.

Comment modifier la police et la couleur du titre de son blog dans Blogger ?

On va utiliser l'outil de création de modèles de Blogger pour choisir la police, le style et la couleur du titre de son blog. On clique sur "outil de création de  modèles" dans l'onglet "Présentation" :

blogger navbar


ou pour la nouvelle interface de Blogger dans le menu "Modèle" on clique sur "Customize" :

blogger navbar

On arrive ensuite dans l'outil de création de modèles où l'on choisit le menu "Avancé" puis le sous menu "Titre du blog". Il ne reste plus qu'à choisir sa police ainsi que sa taille, son style (gras, italique) et sa couleur :

police style couleur titre blogger

A chaque changement le résultat est visible dans l'aperçu du blog avant tout enregistrement.