Des boutons “sexy” avec CSS

» Source

Créer des boutons avec des images PNG et des couleurs de fond

» Source

Sexy CSS Hover Button

» Source

Bouton submit en CSS

» Source

Boutons arrondis ( Wii Buttons )

» Source

Créer des boutons avec la technique css dite “des portes coulissantes”

» Source

Boutons avec icones

» Source

Technique des portes coulissantes avec une seule image

» Source

Redécouvrir l’élément button

» Source

Utiliser la technique des portes coulissantes dans Wordpress

» Source

Pourquoi optimiser son blog pour l’iPhone

Pourquoi optimiser mon theme pour l’iPhone alors que son rendu sur l’iPhone est impeccable? Cette phrase est certainement ce que beaucoup de gens doivent penser en voyant le titre de mon article.
En effet, l’iPhone utilise Safari, ainsi si votre thème rends bien sous le Safari de votre Mac, il rendra également bien sous iPhone.

Mais comme je le disais dans l’introduction, le fait de devoir zoomer à tord et à travers peut vite devenir ennuyeux, particulièrement lorsque le texte que vous lisez est plus large que l’écran de l’iPhone. Je pense aussi qu’il peut être bon de proposer à vos lecteurs une version plus minimaliste, avec pas ou peu de Javascript, histoire d’améliorer le temps de chargement.
Je viens de m’offrir un iPod Touch et je m’en sers souvent pour lire quelques infos sur le net. Une navigation confortable via cette machine est rapidement devenue pour moi un critère de qualité, et c’est certainement le cas de plusieurs de vos lecteurs.

Installation

Une fois que vous aurez téléchargé et décompressé le plugin IWPhone, vous verrez un fichier nommé iwphone.php ainsi que le répertoire iphone-by-contentrobot.
Le fichier iwphone.php est le plugin en lui-même, tandis que le répertoire iphone-by-contentrobot est le thème qui sera affiché lorsque le plugin détectera un iPhone ou un iPod Touch.

Pour installer IWPhone, il vous suffit d’uploader iwphone.php dans le répertoire wp-content/plugins de votre installation Wordpress, et le répertoire iphone-by-contentrobot dans wp-content/themes.
Ensuite, rendez-vous simplement dans votre interface d’administration et activez le plugin.

C’est tout. Désormais, lorsque quelqu’un visitera votre blog via un iPhone, le thème IWPhone sera automatiquement affiché. Si vous possédez un iPhone ou un iPod Touch, n’hésitez pas à tester et à voir à quel point votre blog est facile et agréable à lire sur votre machine mobile.

Personnalisation

Maintenant que vous avez installé IWPhone avec succès, vous souhaitez surement le personnaliser au couleurs de votre blog. Dans ce cas, n’hésitez pas à vous abonnez au flux rss car un tuto complet sur la personnalisation du thème IWPhone est sur les rails

Avant de commencer

Voici déja une petite capture d’écran, pour ceux qui ne conaissent pas le thème OpenBook:

Vous pouvez télécharger OpenBook ici .

C’est parti

C’est parti pour la personnalisation. Une chose importante à savoir, avec OpenBook, est que j’ai utilisé 5 couleurs. Les voici, avec leurs codes respectifs:

• Couleur de fond: #151515
• Couleur de fond du contenu: #fff
• Blocs du header: #222
• Vert (utilisé pour les liens): #49AB0D
• Bleu (utilisé pour les titres et les liens au survol): #109dd0

Bien sûr, vous pouvez manuellement éditer les fichiers du thème afin d’en modifier les valeurs des couleurs, mais le fait de tout devoir se taper à la main est assez rébarbatif…
Heureusement, Vi est là. Pour ceux qui ne le connaissent pas, ou peu, Vi(m) est un éditeur de texte très puissant. Je vous invite d’ailleurs à aller lire cet article qui vous donnera un bon aperçu des possibilités offertes par Vi.

Si vous êtes sous Linux ou sous Mac OS X, Vi est déja présent sur votre système. Si vous êtes sous Windows, il vous faudra par contre le télécharger et l’installer séparément.

Une fois que vous aurez téléchargé et décompressé OpenBook, il vous faudra naviguer dans le répertoire openbook22-fr en utilisant le Terminal, comme le montre la capture d’écran suivante:

Pour éditer le fichier style.css dans Vi, tapez la commande suivante dans le Terminal:

vi style.css

Nous allons maintenant utiliser une commande très puissante de Vi, permettant de rechercher un certain motif, et de le remplacer par un autre, cela dans tout le fichier.
Pour tester, changeons les liens (verts par défaut) en rouge. Tapez la commande suivante:

:%s/49AB0D/FF0000/g

Pour sauvegarder/quitter, tapez :wq. Si vous souhaitez seulement sauvegarder, tapez :w.

Si vous regardez votre thème OpenBook après avoir effectué la commande, vous verrez que tous les liens du thème sont devenus rouges. Facile, n’est-ce pas?
Vous avez maintenant les cartes en main pour personnaliser les couleurs de votre thème OpenBook. Avant de finir, voici deux choses à savoir:

• style.css est la feuille de style principale, mais n’oubliez pas d’éditer de la même manière ie.css (Qui est la css réservée à Internet Explorer) et jd.gallery.css, qui est quand à elle la feuille de style contrôlant l’affichage de la Smooth Gallery.
• La commande Vi que je vous ai donné est sensible à la casse.

J’ai écris ce tuto pour mon thème OpenBook, car de nombreux bloggueurs m’ont demandé comment changer les couleurs facilement, mais évidemment, cette astuce peut être appliquée à n’importe quel thème ou fichier.
Bonne personnalisation

Les plugins

Il existe quantité de plugins permettant de créer automatiquement une page d’archive. L’avantage est que vous n’avez (presque) rien à faire, l’inconvénient, c’est que vous ne pourrez customiser la page à votre gout, à moins bien sûr d’aller éditer les fichiers php du plugin, ce que je ne conseillerais pas aux débutants.

Sur lyxia.org, j’utilise le plugin Smart Archives depuis la création du blog. Bien que j’en sois satisfait dans l’ensemble, son principal inconvénient est le temps d’attente pour afficher cette page, vu le nombre d’articles qui sont affichés simultanément. Je sais bien que mon serveur est à la masse mais quand même, 20 secondes d’attentes, ça ne fait pas trop sérieux…

Si vous vous orientez vers la solution plugin, je vous conseille notamment Clean Archives, qui contient une traduction en Français, ou encore Extended Live Archives, permettant pas mal de personnalisations et notamment l’affichage de vos archives sous forme d’arborescence.

A la mano, c’est plus rigolo…

Wordpress nous offre la possibilité de créer des gabarits de pages, ou Pages Templates. L’intêret de ces gabarits est qu’ils vous permettrons ainsi de créer différents modèles de page. Du coup, il est possible de créer une page dédiée pour les auteurs du blog, pour un formulaire de contact, et bien sûr, pour vos archives.

Avant de coder, il convient de choisir entre deux types de pages d’archives. La première listera tout les articles du blog: Elle permet un accès rapide et facile à tous vos posts, et c’es à ce modèle que va ma préférence. Malheureusement, comme je le disais plus haut en parlant du plugin Smart Archives, une fois que votre blog sera bien fourni, cette page risque de devenir assez longue à afficher.

Le second modèle, plus adpaté aux blogs ayant plus de 10 mois d’existence, proposera quand à lui de lister vos archives à la fois mensuellement et par catégorie.

Votre choix est fait? Allons-y.
Nous allons donc créer un nouveau fichier, que nous nommerons archives.php. Au début de ce fichier insérez les lignes suivantes:

<?php
/*
Template Name: Page d'archives
*/
?>

Ce commentaire permet de définir un nom à notre template, ce qui nous sera bien utile par la suite pour le sélectionner dans le panneau d’administration de Wordpress.

Code n°1: Liste de tous les articles

<?php
$posts_to_show = 100; //Le nombre d'article maximum à afficher
$debut = 0; //L'article à partir duquel l'affichage doit commencer
?>
<?php while(have_posts()) : the_post(); ?>
<h2><?php the_title(); ?></h2>
<ul>
<?php
$myposts = get_posts('numberposts=$posts_to_show&offset=$debut');
foreach($myposts as $post) :
?>
<li><?php the_time('d/m/y') ?>: <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>

<?php endforeach; ?>
</ul>

<?php endwhile; ?>

Code n°2: Affichage par mois et par catégories

<?php while(have_posts()) : the_post(); ?>
<h2><?php the_title(); ?></h2>

<h2>Archives mensuelles</h2>
<ul><?php wp_list_cats('sort_column=name&optioncount=1') ?></ul>

<h2>Archives par catégories</h2>
<ul><?php wp_get_archives('type=monthly&show_post_count=1') ?></ul>

<?php endwhile; ?>

Enregistrez le fichier, et voilà. Il ne vous reste plus qu’à le placer, sur votre serveur, dans le répertoire de votre thème.
Ensuite, dans votre panneau d’administration Wordpress, créez une nouvelle page, nommez la comme bon vous semble (même si “Archives” me semble être le plus pertinent), et choisissez “Page d’archives” comme modèle de page.

Dans le principe, l’idée de Blogrolled n’a rien de nouvelle: D’un côté, on retrouve un annonceur qui souhaite faire de la pub pour tel ou tel client/projet, et de l’autre, un bloggueur avide de se faire quelques dollars. Blogrolled réunit tout ce petit monde en les mettant en contact, et en se taillant sa part du lion au passage, bien évidemment. Celle-ci est de l’ordre de 50% (Ouais, s’font pas chier comme dirait mon paternel), ce qui signifie donc que si vous vendez un lien 20$, vous n’en toucherez en réalité que 10. Heureusement, le lien est acheté pour une durée de 30 jours, renouvelable à volonté, et bien entendu vous pouvez afficher plusieurs liens simultanément.

Nous sommes donc tout à fait dans une logique du style Text Link Ads: Celui qui annonce choisit le ou les blogs sur lequel il souhaite le faire et paie au bloggueur – si ce dernier accepte – la somme prévue.
Par contre, le bloggueur n’a absolument aucun droit de regard sur la somme qui sera demandée à l’annonceur pour faire partie de sa blogroll: Cette somme est définie automatiquement par Blogrolled, en fonction de critères tels que le classement Alexa, le nombre d’abonnés Feedburner ou encore le pagerank Google.

Comme le montre la capture d’écran suivante, vous noterez la différence de tarif entre Lyxia et CatsWhoCode, mon nouveau blog en anglais, lancé il y à deux semaines.

Je me suis inscrit aujourd’hui à ce nouveau service. On verra bien ce que ça apportera à mes blogs.
Toutefois, il est légitime de se poser une question importante concernant Blogrolled: Google pénalisera t’il un site vendant une place dans sa blogroll, comme il le fait déja avec les liens sponsorisés? Bien que le site de Blogrolled affirme que non, je reste assez méfiant sur ce point. On verra, personne n’ayant acheté de place dans ma blogoliste pour le moment, je ne saurais en juger

Blogrolled me semble être un bon moyen de gagner quelques dollars en glissant un ou deux liens sponsorisé dans sa blogoliste. Certains seront totalement contre ce principe, d’autres en abuseront, perso je pense que si le bloggueur sait rester raisonnable, Blogrolled peut devenir un moyen de payer son hébergement, par exemple.

Et vous, que pensez-vous de ce nouveau service?

Patience et longueur de temps…

Même s’il ne s’agit pas réellement d’un conseil à mettre en pratique, rares sont les jeunes blogs qui parviennent à attirer beaucoup de visiteurs. Il faut toujours une certain temps, de manière à ce que l’internaute de base ai vu plusieurs fois des liens pointant vers votre site – par exemple sur les digg-likes – et finisse par le considérer comme une source sérieuse.
Dans l’excellent Blog Profits Blueprint, Yaro Starak (Rien à voir avec l’émission…) explique qu’au court des 6 premiers mois de la vie d’un blog, son auteur donne sans rien attendre en retour. C’est à peu près le temps nécessaire pour acquérir une certaine expérience et pour savoir bien rédiger un article. Car même si vous maîtrisez votre sujet à la perfection, écrire n’est aps forcément aisé. ça à même été un de mes principaux problèmes au début de l’aventure lyxia.org.

Proposez un téléchargement gratuit

La compétition est rude dans le monde du blogging: La plupart des internautes ont leur petites habitudes chez de nombreux blogs déja bien établis, alors pourquoi iraient-ils visiter le votre? Une bonne manière d’attirer l’attention est de proposer quelque chose à télécharger gratuitement.

Ce “quelque chose” peut être un extension firefox, une classe php, ou, comme dans mon cas, un thème Wordpress. Le thème Wordpress OpenBook, que je distribue via mon blog, me ramène quotidiennement son petit lot de visiteurs.
De plus, le thème contient dans son footer un lien vers mon blog, que je demande de ne pas retirer. Même si certains utilisateurs n’ont pas été fair-play, le nombre de backlinks gagnés grâce à OpenBook est considérable.

Faites du guest-blogging

Si l’audience ne vient pas à vous, pourquoi ne pas venir à elle? J’en avais déja parlé dans cet article, le guest-blogging consiste à blogguer, en tant qu’invité, sur un blog qui n’est pas le votre. Le propriétaire du blog obtiens du contenu supplémentaire, et vous, vous gagnez une visibilité parfois pas évidente à obtenir par vos propres moyens.

Même si l’idée de fournir gratuitement un article à un blog qui n’est pas le votre peut au départ sembler stupide, après l’avoir testé je peux vous assurer que les résultats obtenus ont dépassé de loin mes attentes. C’est de cette manière que j’ai pu, via le blog Américain Hack Wordpress, faire connaitre la version anglaise du thème OpenBook à un public non francophone.

Si le guest-blogging vous interesse, sachez que Le journal du blog propose ce forum ou vous pourrez demander à guest-blogguer, ou recruter des guest-bloggueurs pour votre propre blog.

Les “pillars”

Un pillar est un terme anglophone pour désigner un article à succès. Ce genre d’article ramène en général plus de 20 commentaires et arrive sur la homepage d’un site comme Scoopeo.com.
Le traffic qui en découle est souvent impressionnant: En guise d’exemple, un des articles de mon blog anglophone CatsWhoCode est récemment arrivé sur la page “Popular” du site de bookmarking social del.icio.us. Résultat: 2483 visiteurs uniques dans la journée, alors que le tout jeune blog oscillait jusqu’a présent entre 100 et 150 visiteurs uniques/jour.

Bien sûr, la plupart de ces visiteurs soudains ne reviendront pas, ou dans longtemps. Mais sur 2400, si 100 se sont abonnés au flux rss, ça représente quand même une sacré progression.

Malheureusement, il est totalement impossible de savoir, lors de la rédaction d’un article, l’impact que celui-ci pourra avoir. Il est possible d’écrire sur des sujets en vogue pour augmenter ses chances, mais non seulement votre article devra être bon, et en plus il devra être au bon endroit, au bon moment.

Lors de la rédaction de mes articles à succès, je n’aurais jamais imaginé qu’ils feraient la home de scoopeo ou qu’ils seraient linkés par toolinux, par exemple. A l’inverse, il m’est parfois arrivé de me dire que tel ou tel billet aura du succès, alors que la réalité fut tout autre. Mais si on pouvait tout prévoir, le blogging ne perdrait pas là sa magie?

Promouvoir ses articles, pas son blog

Une grosse erreur que j’ai faite pendant longtemps, et que de nombreux bloggueurs font encore, est de promouvoir son blog au lieu de promouvoir ses articles.
Je m’explique: Une règle d’or pour attirer les visiteurs et de ne jamais hésiter à commenter d’autres blogs afin d’attirer l’attention de l’auteur, et éventuellement d’autres lecteurs. Toutefois, si vous laissez des commentaires – même pertinents – sur des blogs n’ayant pas de sujet en rapport, vous verrez que vous n’obtiendrez pratiquement aucune visite supplémentaire.

Admettons que vous écrivez un article s’intitulant “100 thèmes wordpress”. Faites donc une recherche Google sur les autres listes de thèmes Wordpress qui jonchent le net, et laissez-y l’url de votre article dans un commentaire pertinent, du genre:
“Superbe liste! J’aime particulièrement le thème XXX. Par contre, je trouve que le thème YYY aurait également mérité une place ici.
Pour ceux que ça interesse, vous pourrez le découvrir sur mon blog.”

Il va sans dire qu’il est inutile de laisser votre url sans rien apporter à l’article par le biais de votre commentaire. Soit vous serez considéré comme un spammeur, soit personne ne viendra visiter votre site.
Cela paraitra évident, mais ce n’est jamais un mal de le rappeller

Le bon vieux Widget “Text”

Le widget Text est inclus par défaut dans les version de Wordpress supérieures à 2.3. Il permet comme son nom l’indique d’ajouter du texte – ou certaines balises html – qui apparaitra dans votre sidebar.
Ses utilisations sont multiples, mais celle qui nous intéresse dans cet article est la possibilité d’y placer pubs et bannières.

Text se révèle fort adaptable, vu que tout se fait manuellement. Aucun problème pour insérer un code Adsense, Oxado où encore Chitika. De même, Text se révèle tout à fait adapté à l’affichage de bannières au format 125*125 pixels.
Par contre, il vous faudra un minimum de connaissances html/css pour en tirer parti, principalement si vous voulez mettre en place un carré de quatre annonces, par exemple.

Show125, le widget pour gérer vos bannières au format 125*125 pixels.

Très courant au USA, et arrivant depuis peu en Europe, le format 125 pixels à de nombreux avantages, notamment ceux de ne pas saccager votre design et de s’intégrer relativement bien dans presque tous les thèmes.
Seulement, comme je soulignais plus haut, si vous souhaitez placer ces bannières en carré de quatre, il vous faudra connaitres les rudients du developpement web, or tout bloggueur n’est pas pour autant informaticien.

C’est la qu’intervient show125, un widget entièrement dédié à l’affichage et à la gestion des bannières au format 125*125 pixels.
Totalement configurable, voici les options qu’il propose:

• Affichage de 1 à 8 bannières
• Bilingue Français/Anglais
• Affiche toutes vos bannières ensemble, ou dans un slideshow
• Possibilité de définir un attribut target si vous voulez ouvrir les liens dans un nouvel onglet
• Affichage optionnel d’un titre pour le groupe de bannière
• Possibilité de définir vous-même la classe css à utiliser pour styler les bannières

Si Show125 vous interesse, vous pouvez le télécharger ici.

AdRotator, ou comment alterner entre plusieurs bannières (ou pubs)

Il arrive souvent que par manque de place, le bloggueur souhaite mettre en place une rotation afin d’afficher différentes publicités de manière aléatoire.

Dans ce cas, les deux widgets que nous avons vus précédemment se révèlent inadaptés: Bien que l’on pourrait avoir recours à la fonction php rand(), ces deux widgets ne permettent pas d’exécuter du code php.

Heureusement, il existe AdRotator. Ce plugin tout simple ressemble à s’en méprendre au widget Text. la seule différence est qu’il vous permet de définir plusieurs zones au moyens d’un balise <–more–>, zones qui seront affichées une par une, de manière aléatoire, sur votre blog.

Et voilà pour aujourd’hui…Avec ces trois widgets, vous voilà parés pour la monétisation de votre blog!

C’est parti!

Commençons d’emblée par une petite capture d’écran histoire de vous montrer ce que vous pourrez faire de beau avec Noobslide:

Si vous n’êtes toujours pas convaincus, ou que vous voulez voir le script en action (pour un slideshow c’est quand même mieux ) c’est ici que ça se passe.
Comme on peut le voir sur la démo, Noobslide propose pas moins de 8 slides différents. Il est bien entendu possible de les customiser à votre guise.

Mise en place

Pour ce tuto, j’ai choisi le premier exemple de la série. C’est à la fois le plus simple à mettre en place et le plus courant.

Nous allons bien entendu commencer par récupérer l’archive de Noobslide.
Une fois dézippée, l’archive contient quelques images (très jolies, d’ailleurs) d’exemple, les scripts js, les css et le framework Mootools.

Nous allons donc inclure tout ce beau monde dans la partie head de notre document html:

<link rel="stylesheet" href="_web.css" type="text/css" media="screen" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="_mootools.js"></script>
<script type="text/javascript" src="_class.noobSlide.js"></script>

Dans la partie body de notre document html, nous allons créer notre contenu:

<h2>Slideshow</h2>
<div class="sample">
	<div class="mask1">
		<div id="box1">
			<span><img src="img1.jpg" alt="Photo" /></span>
			<span><img src="img2.jpg" alt="Photo" /></span>
			<span><img src="img3.jpg" alt="Photo" /></span>
			<span><img src="img4.jpg" alt="Photo" /></span>
			<span><img src="img5.jpg" alt="Photo" /></span>
			<span><img src="img6.jpg" alt="Photo" /></span>
			<span><img src="img7.jpg" alt="Photo" /></span>
			<span><img src="img8.jpg" alt="Photo" /></span>
		</div>
	</div>
</div>

Voilà pour le contenu. Nous avons créé trois conteneurs: sample, box1 et mask1, le dernier faisant comme son nom l’indique office de masque.
Sémantiquement parlant, j’aurais préféré utiliser une liste non-ordonnée (<li>), plutôt que cette longue suite de <span> sans fin, mais pour être honnête je m’en suis à l’heure actuelle tenu à décortiquer les exemples fournis par l’auteur.

Dernière étape: le javascript. Il est temps de donner vie à notre slideshow. Ajoutez le code qui suit dans la partie head de votre document html, ou mieux dans un fichier .js séparé:

<script type="text/javascript">
	window.addEvent('domready',function(){
		var hs1 = new noobSlide({
			box: $('box1'),
			items: [1,2,3,4],
			size: 480,
			autoPlay: true
		});
</script>

Observons ce bout de code de plus près:
La méthode window.addEvent() permet de charger ce code dès que le navigateur à fini de charger l’arbre dom. On gagne donc on performance étant donné que nous n’avons pas besoin d’attendre le chargement complet de la page (et de toute les images!) pour charger ce script. J’avais déja parlé de cette méthode fort utile dans cet article.

Ensuite, nous allons créer une instance de la classe noobSlide. Voyons ce que ça donne au niveau des paramètres:

• box: l’id de l’élément contenant nos images. Dans notre exemple, il s’agit donc de box1. Notez que le sign $ n’est autre qu’un raccourci Mootools de la fonction document.getElementById().
• items: Le nombre de pas du début à la fin du slideshow.
• size: la longueur du slideshow, en pixels.
• autoPlay: Réglé à true, ce paramètre permet, comme son nom l’indique, le défilement automatique.

Pour ce qui est du styling css, étant donné que cet exemple utilise les ids et classes définies par défaut dans la feuille de style fournie, le rendu visuel sera identique à celui des exemples en ligne. Pour ce qui est de la personnalisation, c’est à vous de jouer

Conclusion

Autant être clair, je suis sous le charme de ce script. D’ailleurs, je pense faire d’autres tutos dans la veine de celui-ci, comme par exemple l’étude des exemples du site ou encore l’intégration de noobslide dans Wordpress.
N’hésitez pas à me dire ce qui vous intéresserais!

Discrétion

Premier conseil: Toujours rester discret lors de la création d’un nouveau projet: Discret sur ses idées, mais surtout, si votre nouveau blog est déja en ligne mais encore en construction, n’en dites mot à qui que ce soit. Attendez d’avoir un produit fini avant de dévoiler votre url à vos connaissances, ou votre crédibilité pourrait bien en prendre un coup.

Un visuel bien à vous

Bien entendu, le must est de pouvoir créer de toutes pièces un thème visuel pour votre blog. La plupart (tous?) les blogs connus ont leur propre visuel. Cela permet au visiteur d’identifier instantanément le site qu’il consulte, et cela forge l’identité visuelle du bloggueur.

Malheureusement, tout le monde n’est pas designer, ou n’a pas les moyens de s’offrir les services d’un graphiste pour décorer son blog. Si votre blog est sous Wordpress, il existe une multitude de thèmes allant du bon vieux “carnet” noir sur blanc aux magazines en ligne extrêmement évolués et aboutis visuellement. (A ce sujet je vous conseille de jeter un oeuil à mon thème OpenBook ;))
Si vus optez pour un thème “tout prêt”, je ne vous conseillerais jamais assez de le personnaliser un minimum, avec vos couleur et votre logo.

Un minimum d’articles avant de faire de la promo

Imaginez: vous postez un très bon article sur votre nouveau blog, puis vous le soumettez au digg-likes. Votre article plait, et termine en homepage de Scoopeo. Dans la journée, vous récupérez 500 ou 750 visiteurs uniques. Très bien me diriez-vous…Mais justement, non.
Les visiteurs, ne voyant rien d’autre à lire que l’article les ayant fait venir sur votre blog, ne sauront pas juger de la qualité de vos articles. Conséquence certaine, ils ne s’abonneront pas à votre flux rss, et oublieront très probablement votre blog dans les heures qui auront suivi leur visite.

Au lieu de ça, préparez un minimum de 5 articles, et ne commencez votre promo qu’après. Les visiteurs de votre blog auront ainsi la possibilité de voir d’autres articles que celui pour lequel ils sont venus.

Trouver son nom et le réserver depuis le départ

Un blog sans nom de domaine ne fera jamais “pro” au yeux de nombreuses personnes, moi y compris. Lors de la réservation de votre nom de domaine, vous serez surpris par le nombre impressionnant de vos idées qui ont déja profité à quelqu’un d’autre.
Je vous conseillerais de toujours réserver le nom de domaine en .com, et ce même si vous préférez utiliser .org ou .fr. Pourquoi? Simplement car .com est l’extension la plus courante, et la plus connue des internautes. Il y a donc fort à parier que pas mal de personnes désireuses de lire mon blog, tapent lyxia.com dans leur barre d’adresse et atterrissent autre part que sur mon blog. Ce nom de domaine était déja pris lorsque j’ai acheté lyxia.org.
Ce choix n’était pas très futé de ma part. Je n’ai heureusement pas reproduit cette erreur avec mes deux derniers projets en date, www.pixiorama.com et www.catswhocode.com.

Armez-vous de motivation et de patience

Avec les quatre conseils ci-dessus, vous devriez avoir une bonne base de départ. Toutefois, ce n’est en rien une garantie de succès.
Faire “marcher” un blog ou un site demande des efforts et surtout, prends du temps: Par exemple, cela fait presque un an que lyxia.org est présent sur la toile, pour désormais plus de 1000 visiteurs uniques/jour et environ 250 abonnés à mon flux rss. Il est à noter que depuis le lancement du blog, je publie un article tous les deux/trois jours et que je fais régulièrement de la promo, style échange de liens et soumission au digg-likes.

Bon courage, et bon lancement pour votre futur blog

Installer Xubuntu sur l’eeepc

Xubuntu me semble être un bon choix pour une machine comme l’eeepc, cet OS ayant particulièrement fait ses preuves sur des machines peu puissantes. Pour rappel il s’agit de la célèbre distribution GNU/Linux Ubuntu, mais avec le gestionnaire de fenêtres XFCE en lieu et place de Gnome.
Coup de chance, il existe une version de Xubuntu prévue spécialement pour l’eepc. Le même site détaille également l’installation de l’OS sur la machine.

Installer Kubuntu sur l’eeepc

Je n’ai jamais été trop fan de KDE, notamment à cause de sa relativement importante consommation de ressources. Toutefois, KDE étant plus proche de Windows de par son interface graphique que Xubuntu, il pourrait être, couplé à un eee, un bon compromis pour les Windowsiens. Ronnie Tucker nous explique l’installation.

Installer Puppy Linux sur l’eeepc

Je n’ai jamais eu l’occasion de tester Puppy Linux, toutefois vu les éloges que j’ai pu lire à son sujet un peu partout sur le web, ça vaudrais le coup d’essayer. Puppy est en effet une distro optimisée pour les petites configs, et il y à fort à parier qu’il formera un beau couple avec un eeepc. Pour l’install, c’est ici.

Installer Mandriva 2008 sur l’eeepc

Voici un tuto détaillé sur l’installation de Mandriva 2008 qur un eeepc. Je n’ai que rarement testé Mandriva, mais le souvenir que j’en garde est plutôt bon, même si je préfère Ubuntu.

Installer Windows XP sur l’eeepc

Je ne comprends pas l’envie qu’on peut avoir d’installer un OS moche et vieux de 7 ans (!!), toutefois à en juger par le nombre de posts à ce sujet sur les blogs et les forums, un nombre (trop) important d’utilisateurs ne semblent pas prêts à abandonner Micro$oft.
C’est le blog Francophone eeepc qui nous montre comment faire ici.

Installer Mac OS X Leopard sur l’eeepc

Non, vous ne rêvez pas, certains geeks sont parvenus à installer le dernier né d’Apple sur un eeepc, en se basant notamment sur le travail de la communauté OSX86.
Bien que cette manip semble effectivement possible, je doute sincèrement que l’eeepc soit adapté à un OS comme Leopard, qui risque fort de fonctionner au ralenti et de ramer comme un Windows 95 sur un 286…
D’ailleurs, même l’auteur de ce post explicatif parle d’installer Tiger au lieu de Leopard pour des raisons de fluidité et de confort d’utilisation.

De plus, comme pour la plupart des hack consistants à installer un OS Apple sur un machine autre qu’un Mac, cette opération est particulièrement fastidieuse.

Bonus: Modifier la résolution de l’écran de l’eeepc

Si la faible résolution de l’eeepc ne vous conviens pas, Awala du forum Ubuntu-fr propose le fichier xorg.conf ci-dessous, qui vous permettra de passer à la résolution supérieure.
Je vous rappelle que les fichiers xorg.conf sont à manipuler avec précaution, pensez à faire une sauvegarde avant d’y toucher! Pour de plus amples informations à ce sujet, je vous invite à lire cet article.

# xorg.conf (xorg X Window System server configuration file)
#
# This file was generated by dexconf, the Debian X Configuration tool, using
# values from the debconf database.
#
# Edit this file with caution, and see the xorg.conf manual page.
# (Type "man xorg.conf" at the shell prompt.)
#
# This file is automatically updated on xserver-xorg package upgrades *only*
# if it has not been modified since the last upgrade of the xserver-xorg
# package.
#
# If you have edited this file but would like it to be automatically updated
# again, run the following command:
# sudo dpkg-reconfigure -phigh xserver-xorg

Section "Files"
EndSection

Section "InputDevice"
Identifier "Generic Keyboard"
Driver "kbd"
Option "CoreKeyboard"
Option "XkbRules" "xorg"
Option "XkbModel" "pc105"
Option "XkbLayout" "fr"
Option "XkbVariant" "oss"
EndSection

Section "InputDevice"
Identifier "Configured Mouse"
Driver "mouse"
Option "CorePointer"
Option "Device" "/dev/input/mice"
Option "Protocol" "ImPS/2"
Option "ZAxisMapping" "4 5"
Option "Emulate3Buttons" "true"
EndSection

Section "InputDevice"
Identifier "Synaptics Touchpad"
Driver "synaptics"
Option "SendCoreEvents" "true"
Option "Device" "/dev/psaux"
Option "Protocol" "auto-dev"
Option "HorizEdgeScroll" "1"
EndSection

Section "InputDevice"
Driver "wacom"
Identifier "stylus"
Option "Device" "/dev/input/wacom"
Option "Type" "stylus"
Option "ForceDevice" "ISDV4" # Tablet PC ONLY
EndSection

Section "InputDevice"
Driver "wacom"
Identifier "eraser"
Option "Device" "/dev/input/wacom"
Option "Type" "eraser"
Option "ForceDevice" "ISDV4" # Tablet PC ONLY
EndSection

Section "InputDevice"
Driver "wacom"
Identifier "cursor"
Option "Device" "/dev/input/wacom"
Option "Type" "cursor"
Option "ForceDevice" "ISDV4" # Tablet PC ONLY
EndSection

Section "Device"
Identifier "Intel Corporation Mobile 915GM/GMS/910GML Express Graphics Controller"
Driver "i810"
BusID "PCI:0:2:0"
Screen 0
Option "PageFlip" "1"
EndSection

Section "Monitor"
Identifier "Écran générique"
Option "DPMS"
HorizSync 30-70
VertRefresh 50-160
EndSection

Section "Screen"
Identifier "Default Screen"
Device "Intel Corporation Mobile 915GM/GMS/910GML Express Graphics Controller"
Monitor "Écran générique"
DefaultDepth 24
SubSection "Display"
Depth 24
Virtual 800 600
Modes "800x600" "800x480"
EndSubSection
EndSection

Section "ServerLayout"
Identifier "Default Layout"
Screen "Default Screen"
InputDevice "Generic Keyboard"
InputDevice "Configured Mouse"

# Uncomment if you have a wacom tablet
# InputDevice "stylus" "SendCoreEvents"
# InputDevice "cursor" "SendCoreEvents"
# InputDevice "eraser" "SendCoreEvents"
InputDevice "Synaptics Touchpad"
EndSection

Section "Module"
Load "glx"
Load "dri"
Load "dbe"
EndSection

Section "DRI"
Mode 0666
EndSection