DéveloppementsGadgets AddToBlogger

Bibliothèque d'arrière-plans pour son blog


Les posts publiés avant juin 2015 sont susceptibles de contenir des informations obsolètes !
Référez-vous à la nouvelle théorie du langage XML ou/et posez vos questions sur le forum pour en savoir plus.
Description Gadget Gadget Version Template Version
Gadget testeur d'arrière-plan pour les blogs Blogger. 160 textures.
HTML
1
1
2
Gadget Background
Pas moins de 160 textures pour relooker votre blog.
Avec un petit gadget fabrication "maison" pour tester directement sur votre modèle à l'insu de vos visiteurs.


La liste des textures

Choisir une texture
Taille (en px) px
URL de l'image
https://sites.google.com/site/bloggercodebc/home/bg/aigue-marine.png
CSS BODY
body {
  background: transparent url(https://sites.google.com/site/bloggercodebc/home/bg/aigue-marine.png) repeat scroll center center;
  background-size: 120px;
}


Haut de page


Comment ajouter un arrière-plan ?

Il existe mille et une méthodes pour ajouter un arrière-plan à son modèle. Essayez de choisir celle qui correspond le mieux à votre modèle et à vos connaissances.

Méthode 1 :

La plus rapide, consiste à ajouter le code CSS fourni ci-dessus dans l'éditeur de modèles Blogger.

Tableau de bordModèlePersonnaliserAvancéAjouter fichier CSS


Ajouter le CSS dans l'éditeur de modèles Blogger


Méthode 2 :

Si vous utilisez un modèle de type "b:v2", téléchargez l'image en utilisant l'url fourni dans le CSS et renvoyez-là dans l'éditeur de modèles.

Tableau de bordModèlePersonnaliserArrière-planImporter une image


Importer l'image dans l'éditeur de modèles Blogger


Méthode 3 :

Pour ceux qui savent se débrouiller, modifiez les styles du body, directement dans le code HTML des modèles.

Tableau de bordModèleModifier le code HTML


Modifier le CSS directement dans l'éditeur HTML du modèle


Haut de page


Supprimer les arrière-plans secondaires des b:v2

Sur les modèles officiels Blogger, les "b:v2" (ceux qui sont proposés dans l'interface), certains sont présentés avec des arrière-plans secondaires qui se superposent en haut du blog.

Si vous souhaitez les enlever, essayez d'abord, via les options de l'éditeur de modèles.

Si malgré cela, ils sont toujours affichés, recopiez le CSS ci-dessous :

Tableau de bordModèlePersonnaliserAvancéAjouter fichier CSS

.body-fauxcolumn-outer .cap-top {
  display: none;
}


Haut de page


Gadget testeur

Ce gadget n'est pas disponible pour les modèles dynamiques !
C'est un petit gadget personnel qui vous permettra de choisir un arrière-plan et de le visualiser directement sur votre blog sans que vos visiteurs s'en rendent compte.

Il s'affichera en bas à droite de votre blog. Vous n'aurez plus qu'a sélectionner dans la liste, visualiser et recopier le code dans l'éditeur de modèles.


Gadget Testeur Background


Pour installer le gadget, cliquez sur l'un des boutons "add to Blogger" ci-dessous et suivez les instructions de Blogger :


Version française English version
Dernière modification :
Assistance publique pour le produit Blogger sur les Forums d'aides :

Certifiée par Google - Experte Platine TC (Ambassador & Advanced Troubleshooter):
  • Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
  • Affectation Google US, produit Blogger depuis le 28/07/2014.

Posts les plus consultés de ce blog

DéveloppementsMulti-versions
Facebook : Bouton J'aime [Like button]
Populaire
DéveloppementsMulti-versions
Facebook : Bouton partager [Share button]
Populaire
ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire