Le S.A.V. de BS

Lorsque l’on lance un blog on a souvent envie qu’il soit un peu personnalisé. Sur BS, cela passe par la mise en place d’un joli bandeau qui peut ressembler à ça Et c’est simple comme bonjour.

1. Créez votre bandeau

Il faut créer une image de 936 pixels de large sur 150 pixels de haut. Vous pouvez également faire plus petit mais ca sera moins beau. Pour la création du visuel en tant que tel nous n’allons pas entrer dans le détail. Il faut évidement pour cela posséder un logiciel adéquate genre Photoshop ou Gimp (gratuit).

2. Enregistrez votre bandeau dans vos médias

Une fois le bandeau créé et exporté, vous devez l’uploader sur votre blog. Pour cela, rendez-vous dans la partie “media” puis cliquez sur “ajouter”.
La vous cliquez sur le bouton pour sélectionner votre fichier. Celui-ci alors automatiquement se “ranger” dans la bibliothèque de votre blog.

3. Créez le code HTML du bandeau

Pour obtenir le code qui vous permettra d’ajouter votre bandeau, il faut aller dans article et faire comme si vous alliez créer un nouvel article “Article > Ajouter“.

Une fois sur la page de création d’un nouvel article, vous n’écrivez rien, vous choisissez simplement d’ajouter une image (bouton Ajouter un media > petit carré blanc). La pop up s’ouvre, vous allez chercher votre bandeau dans votre bibliothèque puis vous cliquez sur le bouton “insérer dans l’article“. La votre bandeau doit apparaître dans la zone d’édition.

Il faut ensuite passer dans le mode HTML (2e onglet en haut à droite à côté de “visuel” et vous obtenez alors le code HTML de votre bandeau.

Vous avez alors quelque chose qui ressemble à ça :
< img class="alignnone size-full wp-image-58" title="votre blog" src="http://votreblog.basketsession.com/files/2009/11/monbandeau.jpg" alt="votre blog" width="936" height="150" / >

4. Dernière étape : les options du thème

Vous avez copié le code HTML de votre bandeau. Maintenant vous n’avez plus qu’à vous rendre dans les options du thème (Apparence > Options du thème). Vous repérez le 2e zone de texte intitulée “Banner”.

1. vous cochez les 3 cases pour que tout le monde puisse voir votre bandeau.
2. vous collez le code HTML de votre bandeau dans la zone vide.
3. pour valider tout ça vous cliquez tout en bas sur le bouton “enregistrer les changements”.

Voilà votre bandeau est en place !