(Blogger) Installer une bannière

Une bannière se place dans l'entête du blog. En général, elle fait la largeur du blog, soit 990 px.

Vous avez deux possibilités :

• soit par le CSS : Présentation > Modifier l'HTML et complétez la ligne avec ce qui est en rouge

.header-outer {background-image: url(adresse de l'image);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}

Mais dans ce cas-là, vous ne pouvez pas faire de lien retour à l'accueil sur la bannière.

• Je vous conseille donc la seconde méthode : en HTML. Vous allez dans Présentation > Eléments de la page.

Vous cliquez sur Modifier dans le module/widget qui se trouve en entête. S'il n'y est pas, cliquez sur Ajoutez un gadget, il est en fin de liste.

Dans la fenêtre qui s'ouvre :

Vous avez la possibilité :

• de saisir votre entête et sa description
• d'y substituer ou d'y ajouter une bannière
• de placer et d'ajuster la taille de la bannière.

Le lien retour à l'accueil se fait automatiquement sur le titre.

Si vous n'avez aucun don pour réaliser votre bannière avec un logiciel de dessin, il existe des générateurs en ligne.

(OverBlog) Installer une bannière

Il est possible de mettre une bannière en background dans le CSS, comme je l'ai expliqué dans (OverBlog) Mettre un fond dans l'entête. Mais il est préférable de l'installer en HTML d'un module Texte libre pour ainsi pouvoir y faire un lien retour vers l'accueil.

En premier lieu, comme je sais que la confection de bannières est rarement votre point fort, j'ai trouvé plusieurs générateurs en ligne gratuits qui peuvent être utiles.

Ensuite, vous vous rendez dans Configurer, vous placez un module Texte Libre tout en haut de la représentation schématique du blog.

Vous cliquez sur le petit marteau en haut à droite.

Deux solutions :

Bannière graphique : Votre bannière pourra mesurer jusqu'à 1200px et être hébergée sur OverBlog, mais vous ne pourrez pas faire de lien dessus.

En général, la largeur du corps du blog -qui sera le plus souvent la largeur de la bannière - s'élève au maximum à 990px ; je vous conseille donc plutôt d'opter pour la seconde solution :

Contenu personnalisé : Vous travaillerez alors avec l'éditeur de texte habituel.
Vous cliquez sur Ajouter une image

Une fenêtre s'ouvre affichant la partie Document de votre administration

Il vous reste qu'à cliquer sur Ajouter des images, à trouver et sélectionner votre bannière sur votre PC. Cette fenêtre s'ouvre

Vous choisissez son alignement et sa taille. Vous cliquez sur Insérer et c'est bon votre photo est dans l'entête.
Il ne vous reste plus qu'à faire un lien retour vers l'accueil dessus.

Vous cliquez sur l'image avec le clic gauche de la souris, elle est alors entourée de petits carrés blancs

Vous cliquez sur Ajoutez un lien dans l'éditeur (1ère ligne de la barre de menu) : édition basique ou avancée



Vous complétez avec l'URL de destination : la page d'accueil de votre blog .

Si vous êtes en mode avancé, ces opérations sont à répétér dans les différents onglets : Accueil - Articles et page !

S'inscrire à des échanges de bannières

Le principe n'est pas de faire de l'argent en affichant des bannières publicitaires ! Il est d'afficher des bannières sur votre propre blog en échange de l'affichage de votre bannière sur d'autres blogs (ou sites).

Autant se montrer sélectif : les sites ci-dessous ont un PR=5, donc souvent vus.

Rendez-vous sur HIWIT

Inscrivez-vous

Prévoyez une bannière 468*60

Choisissez :

- la catégorie de votre blog
- la catégorie des blogs dont la bannière apparaîtra sur votre blog
- les blogs qui pourront afficher votre bannière

J'obtiens un code :

<table border=0><tr><td><IFRAME NAME=hipub SRC=http://hipub.hiwit.org/aff.cgi?zone=a&id=80453 width=468 height=60 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0
FRAMEBORDER=0 SCROLLING=no></IFRAME></td></tr><tr><td><center><a href=http://hipub.hiwit.org target=hilink>HiPub: Echange de bannières ciblées</A></td></tr></table> 

à coller en pied de page.

Constatation après 1 semaine d'utilisation : ramène 1 visiteur/jour

Sur IPROMOTION

HiPub: Echange de bannières ciblées

Conclusion : au bout de quelques mois d'utilisation : les bannières rapportent peu de visiteurs et se transforment rapidement en bannières publicitaires pour de grandes marques commerciales : tout ça gratuitement !!!

Ca ne vaut pas le détour

Autres sites :

• Spott : anglophone
  

Duos background et bannière Noël

Les background mesurent 1500*1000px et les bannières 900*150px. Rien ne vous empêche de les dépareiller.
Ces images sont hébergées. Vous n'avez pas besoin de les enregistrer. Il vous suffit de copier l'URL et de la coller dans votre CSS :

Volutes bleutées de Noël

Des volutes, des cadeaux, des rubans pour ce background bleu.



Son URL : http://nsm02.casimages.com/img/2009/08/20//090820071742249684284180.jpg

Et la bannière assortie



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812092417249686550037.jpg

Nuit de Noël sous les étoiles

La nuit, un ciel nuageux et étoilé, une haie verdoyante pour ces 2 background.

Le premier possède un pied de page :



Son URL : http://nsm02.casimages.com/img/2009/07/09//090709120313249684037492.jpg

Le second, sans pied de page :



Son URL : http://nsm02.casimages.com/img/2009/08/20//090820062553249684284151.jpg

La bannière



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812093028249686550051.jpg

Bienvenue au Père Noël

Pluie de boules de Noël et d'étoiles sur ce background à dominante rouge :



Son URL : http://nsm02.casimages.com/img/2009/08/20//090820080623249684284230.jpg

La bannière



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812093454249686550059.jpg

Neige sur la ville

Des nuages, de la neige sur la ville en cette soirée de Noël pour ce background :



Son URL : http://nsm02.casimages.com/img/2009/08/20//090820090150249684284330.jpg

Et la bannière assortie



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812093758249686550069.jpg

Noël violet

Un background de couleur violette parsemé d'étoiles et de fleurs.



Son URL : http://nsm02.casimages.com/img/2009/08/20//090820094455249684284447.jpg

Et la bannière assortie



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812094100249686550073.jpg

Vert étoilé

Un background de couleur verte parsemé d'étoiles et de boules de Noël.



Son URL : http://nsm02.casimages.com/img/2009/08/22//090822064845249684295570.jpg

Et la bannière assortie



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812094508249686550109.jpg

Rose dentelé de Noël

De la dentelle, des coeurs, un couple de nounours ... pour ce background.



Son URL : http://nsm02.casimages.com/img/2009/08/29//090829105427249684341750.jpg
La bannière.



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812094808249686550140.jpg

Feuilles de Noël

Des feuilles, des flots ... pour ce background à dominante vert.



Son URL :http://nsm02.casimages.com/img/2009/08/30//090830081201249684346958.jpg

La bannière.



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812095058249686550156.jpg

Noël rose

Un background composé de dentelles, boules de Noël, rubans, fleurs ...



Son URL : http://nsm02.casimages.com/img/2009/08/29//090829085327249684341348.jpg

La bannière



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812095655249686550193.jpg

Bleu moiré

Un background composé d'un tissu moiré bleu, de 2 gros noeuds et de coutures.



Son URL : http://nsm02.casimages.com/img/2009/08/22//090822105315249684296236.jpg

La bannière



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812095958249686550201.jpg

Les pandas en fête

Le background : rubans bleus et pandas préparant les fêtes



Son URL : http://nsm02.casimages.com/img/2009/09/26//090926063737249684524805.jpg

La bannière :



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812100256249686550225.jpg

Les nounours Père Noël

Des nounours jouant les Père Noël, des cadeaux, des boules de Noël pour ce background de couleur beige.



Son URL : http://nsm02.casimages.com/img/2009/08/30//090830123248249684348191.jpg

La bannière



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812100537249686550258.jpg

Noël anglais

Du rouge et du vert pour ce background parsemé de boules de Noël, d'étoiles et de dentelles de Calais.



Son URL : http://nsm02.casimages.com/img/2009/09/01//090901061513249684366073.jpg

La bannière



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812100825249686550279.jpg

Noël rouge

Un background assez flashy dans les tons rouges.



Son URL : http://nsm02.casimages.com/img/2009/09/02//090902075336249684369305.jpg

La bannière.



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812101112249686550316.jpg

Bonhommes de neige

Des bonhommes de neige, des rubans pour ce background.



Son URL : http://nsm02.casimages.com/img/2009/09/02//090902094430249684369570.jpg

La bannière.



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812101455249686550355.jpg

Les petits sapins

Des petits sapins, des rubans pour ce background à dominante verte.



Son URL : http://nsm02.casimages.com/img/2009/09/06//090906092837249684394520.jpg

La bannière



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812101733249686550364.jpg

Les pandas fêtent Noël

Deux pandas en plein préparatif de Noël pour ce background



Son URL : http://nsm02.casimages.com/img/2009/09/10//090910072257249684419736.jpg

La bannière.



Son URL : http://nsm03.casimages.com/img/2010/08/12//100812102013249686550374.jpg

Duos background et bannière Halloween

Les background mesurent 1500*1000px et les bannières 900*150px. Rien ne vous empêche de les dépareiller.
Ces images sont hébergées. Vous n'avez pas besoin de les enregistrer. Il vous suffit de copier l'URL et de la coller dans votre CSS :

La citrouille chapeautée

Une botte de foin, une citrouille, quelques chauves-souris pour ce background à dominante verte et orange.



Son URL : http://nsm02.casimages.com/img/2009/09/09//090909084606249684413995.jpg

La bannière assortie



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729023820249686483642.jpg

Happy Halloween

Un fond orange, 2 personnages, des fruits d'automne pour ce background



Son URL : http://nsm02.casimages.com/img/2009/09/09//090909013423249684415341.jpg

La bannière assortie



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729023516249686483624.jpg

Sous un arbre

Deux ours, sous un arbre, la nuit d'Halloween ... pour ce background :



Son URL : http://nsm02.casimages.com/img/2009/09/09//090909052447249684416582.jpg

La bannière assortie



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729023207249686483575.jpg

Bal des sorcières

Une pluie d'étoiles, des sorcières pour cette nuit d'Halloween pour ce background



Son URL : http://nsm02.casimages.com/img/2009/09/09//090909071131249684413760.jpg

La bannière assortie


Son URL : http://nsm03.casimages.com/img/2010/07/29//100729022900249686483546.jpg

Nuit d'effroi

Un ciel sombre étoilé, une maison hantée, des araignées, des chauves-souris, une sorcière ... pour ce background d'Halloween.



Son URL : http://nsm02.casimages.com/img/2009/09/09//090909063838249684413738.jpg

La bannière assortie :



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729022534249686483514.jpg

Vol de sorcières dans la nuit

Un ciel nuageux, une sorcière sur un balai ... pour ce background :



Son URL : http://nsm02.casimages.com/img/2009/09/09//090909075135249684413879.jpg

La bannière assortie



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729012443249686483143.jpg

Duel de sorcières

Le background : Violet avec des bordures en zigzag, 2 sorcières se font front



Son URL : http://nsm02.casimages.com/img/2009/10/18//091018085818249684662945.jpg

La bannière assortie :



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729011932249686483096.jpg

Tâches de sang sur le grillage

Le background : du grillage, des tâches de sang sur fond rouge sang



Son URL : http://nsm02.casimages.com/img/2009/10/18//091018101900249684663177.jpg

La bannière assortie



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729011426249686483074.jpg

Le chat sous les étoiles

Le background : un fond orangé, des étoiles, des citrouilles, un chat noir ...



Son URL : http://nsm02.casimages.com/img/2009/10/17//091017075505249684655001.jpg

La bannière assortie



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729011046249686483071.jpg

Nuée de corbeaux

Le background : Une nuée de corbeaux, des fantômes, des potirons ... et vous voilà plongés dans Halloween :



Son URL : http://nsm02.casimages.com/img/2009/09/12//090912072052249684432306.jpg

La bannière assortie



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729112312249686482565.jpg

Vertige

Le background : Des étoiles, des chauves-souris, un château dans la pénombre, des corbeaux ...



Son URL : http://nsm02.casimages.com/img/2009/09/12//090912080108249684432340.jpg

La bannière assortie



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729112937249686482587.jpg

Les sorciers amoureux

Le background : Des étoiles, des lunes et un joli couple de sorciers amoureux ...



Son URL : http://nsm02.casimages.com/img/2009/09/12//090912094317249684432576.jpg

La bannière assortie



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729113305249686482622.jpg

En attendant la nuit

Le background : Une vieille sorcière et son chat attendent la tombée du jour sur le seuil de leur maison.



Son URL : http://nsm02.casimages.com/img/2009/09/12//090912104202249684432765.jpg

La bannière assortie



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729113657249686482631.jpg

Sur un balai perché

Le background : Des sorcières attendent la fin du jour, juchées sur un balai.



Son URL : http://nsm02.casimages.com/img/2009/09/12//090912033658249684434140.jpg

La bannière assortie



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729114109249686482691.jpg

Vendredi 13

Le background : Un fond sombre à carreaux éclairé par de la dentelle et des rubans encadre une zone centrale arrondie.



Son URL : http://nsm02.casimages.com/img/2009/09/13//090913082834249684437465.jpg

La bannière assortie : une petite maison hantée vient se rajouter sur le même fond que le background.



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729114614249686482718.jpg

Nuit de sang

Le background : Un fond rouge sang, 2 sorcières qui se font face, des étoiles ....



Son URL : http://nsm02.casimages.com/img/2009/09/13//090913110214249684438150.jpg

La bannière assortie :



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729123513249686482969.jpg

Brindilles d'automne

Le background : Couleur d'automne, feuilles mortes, bouts de bois :



Son URL : http://nsm02.casimages.com/img/2009/09/13//090913115230249684438444.jpg

La bannière assortie : Une tête rigolotte de personnage d'Halloween y apparaît.



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729123839249686482977.jpg

Champs de maïs

Le background : Un épouvantail, du maïs, des potirons pour ce fonds de blog à dominante verte et jaune :



Son URL : http://nsm02.casimages.com/img/2009/09/12//090912085923249684432478.jpg

La bannière assortie :



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729124226249686482989.jpg

Vol de sorcières

Le background : gris anthracite, sorcières attendant perchées sur leur balai, un corbeau, de la pluie d'étoiles ...



Son URL : http://nsm02.casimages.com/img/2009/09/25//090925064129249684518367.jpg

La bannière assortie :



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729124717249686482998.jpg

Chez les Tux

Le background : 2 Tux se déguisent pour Halloween.




Son URL : http://nsm02.casimages.com/img/2009/09/30//090930074506249684550036.jpg


La bannière assortie :



Son URL : http://nsm03.casimages.com/img/2010/07/29//100729125048249686483008.jpg

A voir : Gifs Pour Halloween