24 mars 2008
Gagnez de l'argent avec votre site !
C'est bien connu : le développement d'un site ou d'un blog prend du temps et vous oblige parfois à faire des sacrifices... Une manière de vous "consoler" ou de rentabiliser le temps investi dans la création de vos pages est donc de recourir à la publicité. Mais attention, pas n'importe quelle publicité ! Je vais vous donner ici quelques liens pour trouver et installer des bannières publicitaires sur votre site.
Avant toute chose, sachez qu'il existe principalement deux manières de rentabiliser (gratuitement) votre site par la publicité :
- s'inscrire auprès d'une plateforme d'affiliation, qui vous permet de choisir vous-même les annonceurs dont vous souhaitez diffuser les publicités (en fonction des sujets traités sur votre site)
=> Si je pouvais vous conseiller une excellente plateforme d'affiliation, je vous suggérerais volontiers NetAffiliation . En effet, il s'agit de la plateforme que j'utilise pour rentabiliser l'ensemble de mes sites : elle est très simple d'utilisation, regroupe de nombreux annonceurs répartis à travers un grand nombre de thèmes, les bannières publicitaires sont diversifiées (il y en a pour tous les goûts), et les rémunérations sont très attractives.
- s'inscrire à un programme de diffusion de liens sponsorisés, dont les bannières sont générées automatiquement en fonction du contenu (articles et mots-clés) de vos pages
=> Pour ma part, j'utilise à la fois les programme Google Adsense et Oxado. Le premier est le plus utilisé à travers le monde entier, et a largement fait ses preuves. Le second est apparu plus récemment, mais offre une rémunération un peu plus attractive, et vous indique généralement sous 2 à 5 jours si votre site est éligible (contre parfois plus d'un mois pour Google Adsense !). L'avantage de ces deux programmes est qu'ils permettent de personnaliser l'apparence des annonces aux couleurs de votre site, de manière à ne pas dénaturer l'aspect graphique de votre site.
Dans les deux cas, le principe est le même : une fois votre demande d'affiliation acceptée, la plateforme d'affiliation vous permet de choisir les formats publicitaires que vous souhaitez diffuser (vertical, horizontal, carré,...) et d'accéder aux codes qui vous permettront d'installer facilement les bannières publicitaires sur votre site. Il vous suffira ensuite de copier-coller ces codes au sein de vos pages (Pour les Canalblogueur : ceci est à réaliser en mode avancé, bien entendu).
D'autres méthodes peuvent compléter les deux précédentes :
- la diffusion de contenu en marque blanche
- le micro paiement
- les régies publicitaires
- l'affiliation directe.
04 mars 2008
Insérez une barre de menu horizontale sur votre blog !
Pour installer un menu horizontal "moderne" comme celui figurant sur mon blog sur les biocarburants, il vous suffit de suivre à la lettre les étapes suivantes (il s'agit d'un menu de type CSS, pour les connaisseurs) :
1. Rendez-vous sous l'onglet "Apparence"
2. Cliquez sur "Editer les fichiers de ce modèle"
3. Choisissez dans le menu déroulant la première page sur laquelle vous souhaitez installer le menu en question (par exemple, la page d'accueil)
4. Pour que le menu s'affiche juste au-dessous de votre header (la bannière de titre de votre blog), copiez-collez l'ensemble du code suivant après la balise <div id="topbar"> (vous la trouverez 7 ou 8 lignes après </head>) :
<!-- DEBUT Bloc BARRE DE MENU -->
<div id="nav" align="center">
<ul>
<li><a href="http://VOTRESITE.canalblog.com">Accueil</a></li>
<li><a href="http://VOTRESITE.canalblog.com/archives/CATEGORIE1/index.html">CATEGORIE1</a></li>
<li><a href="http://VOTRESITE.canalblog.com/archives/CATEGORIE2/index.html">CATEGORIE2</a></li>
<li><a href="http://VOTRESITE.canalblog.com/archives/CATEGORIE3/index.html">CATEGORIE3</a></li>
<li><a href="http://VOTRESITE.canalblog.com/archives/CATEGORIE4/index.html">CATEGORIE4</a></li>
<li><a href="http://VOTRESITE.canalblog.com/archives/CATEGORIE5/index.html">CATEGORIE5</a></li>
<li><a href="http://VOTRESITE.canalblog.com/archives/CATEGORIE6/index.html">CATEGORIE6</a></li>
<li><a href="http://VOTRESITE.canalblog.com/archives/CATEGORIE7/index.html">CATEGORIE7</a></li>
</ul>
</div>
<style type="text/css">
#nav li, #nav ul {
margin: 0;
padding: 0;
display: inline;
}
#nav li a:link, #nav li a:visited {
display: block;
float: left;
height: 32px;
line-height: 32px;
font-family: verdana;
font-size: 12px;
text-decoration: none;
text-align: center;
background: #fff url(http://storage.canalblog.com/28/17/198194/17825892.gif) repeat-x;
padding: 0 23px;
}
#nav li a:hover, #nav li a:active {
background: #000 url(http://storage.canalblog.com/28/17/198194/17825892.gif) 0 -32px;
padding: 0 23px;
}
#nav {
width: 1000px;
margin: 0 auto;
}
</style>
<!-- FIN Bloc BARRE DE MENU -->
5. Pour personnaliser ce menu :
5.1. Les titres / liens de votre menu :
a- Remplacez "http://VOTRESITE.canalblog.com" par l'adresse de votre blog
b- Remplacez "http://VOTRESITE.canalblog.com/archives/CATEGORIE1/index.html" par l'adresse complète de la page menant aux articles postés dans votre 1ère catégorie. Pour obtenir cette adresse, cliquez sur le lien menant vers votre 1ère catégorie sous la rubrique "catégories" figurant dans l'une de vos colonnes. Ensuite, il vous suffit de copier l'adresse affichée dans la barre de navigation et de la copier directement à la place de "http://VOTRESITE.canalblog.com/archives/CATEGORIE1/index.html"
c- Remplacez l'expression CATEGORIE1 située sur à la fin de la ligne .../index.html">CATEGORIE1</a></li> par le nom que vous souhaitez donner à votre 1ère catégorie
d- Il vous reste à effectuer la même démarche pour les catégories suivantes.
5.2. Le design de votre menu :
a- Choisissez le design de votre barre de menu parmi les images suivantes (la couleur du dessus sera celle de votre barre de menu, celle du dessous sera celle qui apparaitra lorsque vous survolerez ou cliquerez sur une rubrique du menu) :
menu type 2
menu type 3
menu type 4
b- Faîtes un clic droit sur le design de votre choix puis sélectionnez "Enregistrer la photo sous..." > choisissez "Bureau" pour que cette image soit enregistrée sur votre bureau, donc facilement accessible.
c- Rendez-vous ensuite sous l'onglet "Nouveau message". Dans un message vierge, cliquez sur l'icône "Insertion d'un fichier" située à droite de la barre d'édition. Une fenêtre s'ouvre : cliquez sur "Parcourir" et sélectionnez sur votre bureau l'image enregistrée précédemment.
d- Allez sous l'onglet "Outils" puis cliquez sur la rubrique "Gestion des fichiers". Cliquez ensuite sur le dossier "docs" et repérez le nom du design que vous venez d'ajouter.
e- Sur le nom du design en question, faîtes un clic droit et sélectionnez "Propriétés". Sur la page qui s'ouvre, vous trouverez la ligne "Adresse (URL)" commençant par http://storage.canalblog.com/. Vous allez sélectionner l'ensemble de cette adresse et la copier.
f- Dans les deux expressions suivantes, remplacez les deux adresses situées entre parenthèses par l'adresse URL que vous venez de copier :
#nav li a:link, #nav li a:visited {
display: block;
float: left;
height: 32px;
line-height: 32px;
font-family: verdana;
font-size: 12px;
text-decoration: none;
text-align: center;
background: #fff url(http://storage.canalblog.com/XX/XX/XXXXX/XXXXXXX.gif) repeat-x;
padding: 0 23px;
}
#nav li a:hover, #nav li a:active {
background: #000 url(http://storage.canalblog.com/XX/XX/XXXXX/XXXXXXX.gif) 0 -32px;
padding: 0 23px;
}
5.3. Réglez la largeur de votre barre de menu en remplaçant la variable située après "width" par la largeur de votre bannière de titre :
#nav {
width: 1000px;
margin: 0 auto;
}
5.4. Remarque : il est conseillé de ne faire apparaître dans la barre de menu que les principales catégories de votre blog (5 ou 6), pour éviter les bugs d'affichage (le plus courant étant l'affichage de votre barre de menu sur 2 lignes).
