septembre 2008 | Blogger au bout du doigt

Une version Iphone de votre blog

By Rodney // 4 commentaires:

En me rendant sur le site de MisteraiR, j'ai pu découvrir dans son code source un script qui propose aux visiteurs qui utilisent l'Iphone de lire la version Iphone du blog. En cliquant sur "OK" on est conduit sur une page reprenant les derniers titres publiés, sur lesquels il faut cliquer pour lire l'intégralité de l'article. Pas de bannière, des barres latérales (sidebar), juste le contenu de l'article (avec images s'il en contient).C'est vraiment pratique pour ceux qui sont facturé au megabytes (je ne sais pas si ça existe chez vous, mais ici tous les opérateurs mobile facturent comme ça).

Ce service est proposé par le site Ipheeds (où vous pouvez voir la démonstration de ce dont il est question). Pour plus d'info, lire cette page.

Voici le script à mettre juste avant la balise <b:skin><![CDATA[/* du code html de votre blog.

<script type='text/javascript'>
(function () {
if(/iPhone|iPod/i.test(navigator.userAgent)){
var question = confirm("Voulez-vous consulter la version iPhone de ce site ?")
if (question){
window.location = "http://ipheeds.org/?ipheed=URL DE VOTRE FLUX";
}
}
}());
</script>

Il n'y a qu'à remplacer URL DE VOTRE FLUX par le lien de votre flux rss et l'affaire est dans la poche.

Faire de son blog une encyclopédie

By Rodney // 8 commentaires:

Un jour, Mohammed, de TOX LIVE France, m’avait écrit un mail où il affirmait vouloir que son blog devienne comme le mien. Non qu’il désirait avoir un blog sur Blogger, mais il estime que mon blog est une encyclopédie et veux donc avoir un blog encyclopédique.

Ceci m’avait remit en tête des principes que j’avais acquis en consultant plusieurs blogs sur le blogging dans la blogosphère anglaise :

1. Penser en terme de livre quand on écrit sur son blog, et non en terme de journal personnel

Je ne dis pas qu’on ne peut pas réussir son blog si c’est un journal perso, mais que même dans ce cas là, il faut l’écrire comme si on écrivait un livre, faire comme un Obama qui a empoché 1,5 millions de dollars pour écrire sa biographie.

2. Délimiter sa ligne éditoriale

Sur beaucoup des blogs, les gens sont confus en débarquant, parce qu'on y parle de tout sauf rien. Ce genre de blog pullullent tellement sur la blogosphère que je ne vois pas comment espérer augmenter considérablement le nombre d'abonnés RSS (et à la newsletter). Le nombre des petits articles écrit aura comme avantage qu'on peut avoir assez des visiteurs, mais ils ne seront pas tenté d'y rester comme abonnée, à moins que vous ayez un nombre bien délimité des sujets variés que vous y abordez et démontriez une certaine maîtrise de chacun d'eux (au dessus de la moyenne au moins).

Ainsi, même quand on a un blog à tout faire , le lecteur peut le délimiter comme ayant comme spécialité les insolites.

3. Devenir expert dans la thématique qu’on aborde

Après avoir considéré son blog comme un livre qui sera publié et qu’on veut voir devenir un best-seller, il faut démontrer une certaine expertise dans la thématique que vous abordez. Ne croyez pas qu’il vous nécessairement maîtriser totalement les ficelles de la ligne éditoriale de votre blog et d’avoir un Master en économie pour réussir un blog sur les finances et la bourse. Il vous faut juste connaître les bases et être en mesure d’apprendre au fur et à mesure, en faisant des recherches dont vous partagerez les résultats à vos lecteurs.

4. Aider les autres à résoudre un problème spécifique à la thématique que vous abordez

Sur le net, les gens sont à la recherche de quelque chose, que ce soit une simple réponse à une question, une petite astuce pour construire quelque chose, un conseil qui oriente efficacement, une adresse, une recette de cuisine, etc. Ils considéreront un blog comme une encyclopédie que s'ils arrivent à y trouver assez d'informations sur les sujets qui le démangent.

Ici, laissez-moi quand même préciser qu'un blog à tout faire peut aider à détendre (une encyclopédie sur la détente ? ).

Ainsi, si Marc peut faire de son blog, le monde de dessous du dessus, une encyclopédie sur les arnaques, en y rassemblant toutes les infos nécessaires sur les moyens de dénicher les escroqueries du net, genre celles où l'on vous promet un service gratuit mais que vous remarquerez être payant au bout du compte, la suite logique est que son blog connaîtra un boom en terme d'abonnés et des visiteurs. Les gens n'aimant pas être trompé, ils s'accrocheront à celui qui les aide à ne pas paraître bête et perdre du fric.

Pouvez-vous faire de votre blog une encyclopédie ?

Module de connexion et petit tableau de bord sur votre blog

By Rodney // 6 commentaires:

Ceux qui ont choisi de cacher la navbar de Blogger se retrouvent avec un petit souci, c’est qu’ils doivent à chaque fois aller sur la page d’accueil de Blogger pour effectuer des changement sur leur blog. Sur le blog Wordpress ont peut remarquer une module de connexion sur les blogs qui ont choisis de l’afficher. Ainsi, en cliquant sur le lien connexion, ont peut rapidement se connecter à son blog.

Vin et Amanda proposent les solutions que voici pour les utilisateurs de Blogger :

1. Module de connexion simple

Un bout de code qu’il vous suffit d’insérer dans un widget html/javascript pour avoir des liens visibles par tous les visiteurs comme vous, proposant de se connecter à Blogger, de se déconnecter, de créer un blog (pourquoi pas un peu de pub pour notre Blogger chéri), de consulter son compte Google et de se rendre sur ce Blog.

<ul>
<li><a href="http://www.blogger.com/home">Connexion</a></li>

<li><a href="http://www.blogger.com/logout.g">Deconnexion</a></li>

<li><a href="http://www.blogger.com/create-blog.g">Créer un blog</a></li>

<li><a href="https://www.google.com/accounts/ManageAccount?hl=fr">Mon compte</a></li>

<li><a href="http://blogger-au-bout-du-doigt.blogspot.com">Aide Blogger</a></li>
</ul>

2. Petit Tableau de bord sur votre blog

Cette astuce d’Amanda est celle que je préfère. Elle permet d’insérer un petit tableau de bord dans son blog, mis qui ne sera pas visible pour les visiteurs, mais seulement pour vous lorsque vous êtes connecté. On y trouve des liens pour écrire un nouveau message, aller sur la page des paramètres du blog, se rendre sur la page de « Mise en page », « modifier le code html », « modérer les commentaires » et se déconnecter.

Pour avoir ce petit tableau de bord, il vous faut :

1. Trouver l’identifiant de votre blog

Pour cela, connectez-vous à votre compte et allez sur « Paramètres » pour le blog dans lequel vous voulez insérer bidule, si vous en avez plus d’un.

Voir le numéro qui se trouve après blogID et le copier/coller dans un document notepad, wordpad ou word.

2. Mettez le code suivant dans un widget HTML/JAVASCRIPT :

<span class='item-control blog-admin'>
<h2>Tableau de bord</h2>
<a href='http://www.blogger.com/post-create.g?blogID=IdentifiantduBlog'>Nouvel article</a>
|
<a href='http://draft.blogger.com/blog-options-basic.g?blogID= IdentifiantduBlog'>Paramètres</a>
|
<a href='http://www.blogger.com/rearrange?blogID= IdentifiantduBlog'>Mise en page</a>
|
<a href='http://www.blogger.com/html?blogID= IdentifiantduBlog'>Modifier le code html</a>
|
<a href='http://www.blogger.com/moderate-comment.g?blogID= IdentifiantduBlog'>Moderer les commentaires</a>
|
<a href='http://www.blogger.com/logout.g'>Déconnexion</a>
</span>

Remplacez tous les IdentifiantduBlog par le numéro d’identification du blog pris à la première étape.

Enregistrez le tout et allez admirer les résultats.

Alors, quelle solution vous intéresse ?

PS. : Le blog The Passion Cars pourrait vous intéresser, pourquoi ne pas y jeter un coup d'oeil ?

Des photos gratuites pour illustrer vos articles

By Rodney // 5 commentaires:

Pour tout savoir sur Ebay, visitez Ebay mania : enchère

Je ne sais pas ce qu'il en est pour vous, mais, moi j'ai toujours voulu illustrer chacun de mes articles avec une photo représentative du sujet abordé dans chacun d'eux.

La difficulté qu'on rencontre, c'est que nous ne sommes pas tous photographes, et s'il fallait soi-même prendre les photos pour illustrer nos articles, beaucoup des blogs auront l'air terne.

Heureusement que beaucoup des sites proposent des milliers photos à utiliser gratuitement sur nos blog. Je suis tombé sur une liste concoctée par Lorelle on Worpress, regroupant une pléthore des sites à images gratuites. Je vous livre la liste est espère qu'elle va vous plaire.

Photos et images à caractère général

Photos sur la Nature et la Science

Gimp-Savvy - Images from NASA, NOAA, and US FWS
Insect Images
NASA Images
US Fish and Wildlife Photos: FWS2 and/or FWS1
US National Park Service Royalty Free Photographs
Earth from Space
NOAA Photographs and Images
USDA Images

Patterns, Texture, and Art Design Photographs

Interdire l’affichage de certains widgets (ou parties du blog) sur certaines pages

By Rodney // 11 commentaires:

Nous avions vu dans un article précédent comment limiter l’affichage de certains widgets à certaines pages grâce aux balises conditionnelles </b:if xxx>.

La particularité de cette méthode est que les éléments encadrés par les balises <b:if xxxxxxx> et </b:if> ne peuvent être affiché que sur les pages indiquées.

Ainsi, en mettant un élément entre les balises <b:if cond='data:blog.url == data:blog.homepageUrl'> et </b:if> les éléments encadrés ne seront visible que si et seulement si l’on se trouve à la page d’accueil (homepageurl).

Comme le voulaient certains ici, on est en droit de se poser la question de savoir quoi faire pour afficher un élément partout, sauf à la page d’accueil.

Pour cela, il suffit d’effectuer un simplement changement dans le code qui contient deux signes d’égalité (= = ) signifiant “ afficher si et seulement si c’est cette page ”. A la place du premier signe d’égalité (=) on met un point d’exclamation (!) pour dire a Blogger de n’afficher la partie encadré que dans le cas où on ne se trouve pas sur la page indiqué dans le code.

Ainsi, quand on met = = c’est une conditionnalité positive qui pourrait dire “ Afficher si et seulement si c’est cette page ”. Tandis que quand on met != c’est une conditionnalité négative qui pourrait dire “ Afficher seulement si ce n’est pas cette page ” (dire que j’ai souvent échoué en math. Ah, Blogger, tu me permet de tirer vengeance).

Notez toutefois deux méthodes pour interdire l'affichage d'un widget :

1. Mettre les balises de conditionnement à l'intérieur du widget

Cocher sur "développer des modèles de gadget" et trouver le widget pour lequel on voudrait interdire l'affichage. Mettre les balises de conditionnement après la première ligne du widget et avant la dernière, celle qui clôture (</b:widget>).

Ceci va donner quelque chose du genre :

<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:if cond='data:blog.pageType != "item"'>

<b:includable id='main'>
CONTENU DU WIDGET
</b:includable>

</b:if>

</b:widget>

2. Créer une nouvelle section contenant le widget (ou les widgets) à ne pas afficher

Ici, c'est mieux de travailler sans cocher sur “ développer des modèles de gadget ”.

Ainsi, si je veux mettre un widget html entre des balises de limitation pour qu’il ne s’affiche que si on n’est pas à la page d’accueil, je vais créer une nouvelle section dans laquelle j’insère le widget et l’entoure (la section) des balises voulues.
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:section id= 'Ma nouvelle section 1'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</b:if>

Bon, comme à ce niveau je crois que vous devez avoir compris de quoi il retourne, voyons les différents codes à utiliser pour ne pas afficher un élément sur une page donnée et l’afficher sur le reste des pages.

1. Afficher un élément seulement si ce n’est pas à la page d’accueil

<b:if cond='data:blog.url != data:blog.homepageUrl'>

Contenu à ne pas afficher à la page d’accueil

</b:if>

2. Afficher un élément seulement si ce n’est pas aux pages de messages (d’articles)

<b:if cond='data:blog.pageType != "item"'>

Contenu à ne pas afficher aux pages d’articles

</b:if>

3. Afficher un élément seulement si ce n’est pas à la page d’un libellé donné

<b:if cond='data:blog.url != "http:// nom-de-votre-blog.blogspot.com/search/label/nom-du-libellé"'>

Contenu

</b:if>

4. Afficher un élément seulement si ce n’est pas sur un article portant un libellé donné :

<b:if cond='data:label.name != "Nom du libellé"'>
contenu à ne pas afficher
</b:if>

Ce code pourrait aider Beetleone qui voulait ne pas afficher la publicité adsense sur les pages d’articles sponsorisés qu’il écrit pour Ebuzzing. En attribuant à ces articles le même libellé (Articles sponsorisés par exemple), on peut encadrer le code adsense qu’on utilise avec cette balise de limitation afin qu’il ne s’affiche que quand on n’est pas sur les pages ayant pour libellé “ Articles sponsorisés ”.

Ceci va donner quelque chose du genre :

<b:if cond='data:label.name != "Nom du libellé"'>
<script debut code adsense>
contenu du code
</script fin du code adsense>
</b:if>

5. Afficher un élément seulement si ce n’est pas la page d’un article quelconque

<b:if cond='data:blog.url != "URL_DE_VOTRE_PAGE"'>

Contenu à ne pas afficher sur la page d’un article donné

</b:if>

Grâce à cette balise, j’ai interdit l’affichage de la barre latérale (sidebar) quand on se trouve sur la page dédié aux résultats de recherche (ça parce que je voulais utilisé Google recherche personnalisée. J’ai abandonné l’option parce que j’ai trouvé que les résultats fournis par Google blogsearch était plus pertinent et n’affichaient pas ceux des autres sites ou blog).

J’avais donc encadré la sidebar de cette manière :

<b:if cond='data:blog.url != "http://blogger-au-bout-du-doigt.blogspot.com/2007/05/recherche.html"'>
<b:section id= ‘sidebar’>
contenu de la sidebar
</b:section>
</b:if>

Bon, j’espère qu’avec ça, et l’autre méthode positive pour limiter l’affichage de certaines composantes sur certaines pages, vous pourrez épater vos visiteurs.

P.S : BLOgixtrA vous propose du people à fond.

Voici pourquoi je cherche le code source du monde

By Rodney // 23 commentaires:

Il y a très longtemps que je n’ai pas écrit un hors sujet sur ce blog. Vous m’en excuserez beaucoup car le fait d’être super héros ne m’a pas préservé des sentiments humains (si même Superman était follement amoureux de Loïse Lane, alors…).

Comme un bon blog est celui où les lecteurs ont l’impression de connaître le blogmaster, de lui être familier, et que cela ne peut se faire que quand il partage ses expériences, ses sentiments (en n’en faisant pas trop), je me suis mis en tête de vous révéler pourquoi il est inscrit dans mon profil que je cherche le code source du monde pour le changer.

Si j’ai décidé de le faire aujourd’hui, c’est parce que je suis en colère. Je veux vous dire pourquoi et espère avoir 300 autres personnes en colère avec moi (excusez-moi de vous gâcher la journée si vous parvenez à être en colère en finissant de lire ce post).

J’ai passé la journée du mardi de la semaine passée à la maison (ce qui est rare). De loin, j’entendais le bruit d’obus et des mortiers. Au début, ma sœur qui me l’avait fait remarqué, se demandait si ce n’était pas un orage qui s’annonçait. En y prêtant un peu plus attention, nous avons conclu que c’étaient bien des armes lourdes qui jouaient cette musique. Pourquoi me demanderez-vous ? Laissez que je vous plante le décor.

Mon pays est en guerre depuis 11 ans maintenant. Les réconciliations et les élections déclarées libres, démocratiques et transparentes n’y ont rien fait. Certaines parties du pays restent encore sous occupation des rebelles et insurgés. Je ne sais pas si on attend décimer tout le monde pour que ça cesse, puisqu’à peu près 10 % de la population (5,5 millions de personnes) ont déjà passée l’arme à gauche à cause cette guerre qui refuse de prendre fin.

Pour ceux qui est des victimes qui ont survécu, je ne puis vous donner le nombre, mais ça doit dépasser les 10 millions (femmes de tout âge violés, enfants abandonnés, orphelins de père ou de mère, hommes traumatisés, personnes amputées, les contaminés par le VIH, etc.). Ces victimes se retrouvent dans toutes les parties du pays, même dans celles où les combats n’eurent jamais lieu.

Une vraie chasse aux sorcières (traîtres) était organisée dans tous les pays et les gens étaient (et peut être sont encore) écroué sans preuves. Il y a 5 ans, je fus moi-même accusé à tort d’avoir comploté contre la vie du chef de l’Etat et d’avoir voulu renverser le régime en place (avec quoi ? cela n’a jamais été démontré). Cela m’avait valu 15 mois d’emprisonnement (avec des procès bidons).

Je parle de cette heureuse expérience dans mon nouveau blog : Souvenirs de prison.

Il y a maintenant 3 semaines que les affrontements ont repris entre les troupes gouvernementales et les rebelles (malgré un processus de réconciliation, Amani auquel on souscrit toutes les parties). Les obus que moi et ma sœurs avions entendu sont celles larguées par les troupes républicaine qui s’entraînent dans un camps situé dans la capitale.

Pourquoi cette guerre qui dure si longtemps ?

Mon pays est comme le dit un terme consacré, un scandale géologique. Grand comme l’Europe, son sol et son sous-sol regorgent d’énormes richesses. Richesses qui si elles étaient bien exploitées par l’Etat feraient que la RDC ne soit plus dans la liste des Pays Pauvres Très Endettés.

Prenons l’exemple du Colombo Tantalité (Coltan), on le retrouve dans tous les téléphones portables et certaines matériaux électroniques. Bien que l’Australie soit le premier exportateur de cette matière (80 %), mon pays a la plus grande réserve de ce minerai (80 %). On le retrouve principalement dans les zones occupées par les rebelles qui s’en servent pour s’acheter des armes, des munitions, des tenues et la conscience des certains.

Le coltan ainsi vendu va principalement vers la Chine. Quand on sait que sur le plus d’un milliards de téléphone qui circulent sur la planète, près de la moitié sont fabriqués en Chine, il y a lieu de vous demander s’il n’a pas fallu décimer tout un village pour que votre téléphone portable puisse bien fonctionner.

Ne dites surtout pas que votre téléphone est made in USA ou EUROPE, nous savons tous que la sous-traitance de nombreuses composantes est faite en CHINE.

Avez-vous vraiment besoin d’un téléphone qui a coûté la vie à beaucoup de vies innocentes ici en RDC ? C’est mieux de vous renseigner auprès de votre fabriquant pour savoir si le coltan congolais n’a pas été utilisé dans la fabrication de votre gadget électronique .

Donc, quand je vois la guerre, le plus d’un million des déplacés depuis la reprise des combats au début du mois, la misère dans laquelle sont plongés la plupart des gens, les maladies qui se joignent à la danse, les richesses qui sont pillées, une seule envie me monte au cœur :

CHANGER LE CODE SOURCE DU MONDE POUR LE RENDRE MEILLEUR QUE MAINTENANT.

Malheureusement pour moi, malgré mon statut de Super héros, je n’arrive pas à prendre mon envol pour aller sauver les vies et faire cesser les combats à l’Est de mon pays, dans le Grand Kivu, où vécurent mes aïeuls, et où vivent présentement ma mère, mon frère Billy-Paul, mes tontons, tantines, cousins et cousines, nièces et neuves.

Je vais de ce pas demander à MisterAir si quelqu’un n’a pas glisser de la cryptonite dans ma tunique, avant que le syndicat des super héros ne foute à la porte pour inactivité.

Quelqu’un veut-il changer le code source du monde avec moi ?

< !-- SCOOPEO -->

Le site est-il down seulement pour moi ?

By Rodney // 1 commentaire:

Dans la liste des voeux, Agnes m'a signalé ceci : je rame vachement sur ton blog. Ca alterne entre "not responding" et ca marche. Ca ne le faisait pas avant. C'est moi ou c'est le cas pour d'autres ?

Ceci m'a vite remis à l'esprit un article de Daily Blog tips où on parlait du site http://downforeveryoneorjustme.com/. Ce site vous permet de savoir si le site (blog) qui ne s'affiche pas pour vous fait la même chose pour les autres utilisateurs qui essaient de s'y connecter. Ainsi, vous saurez s'il faut déclencher l'alarme auprès du webmaster (blogmaster dans notre cas), où s'il faut simplement rappeler à votre ordinateur qu'il n'est pas encore le 1er avril, et que donc sa blague est de mauvais goût.

Il vous suffit de mettre l'url du site à vérifier à la place de google.com et de cliquer or just me pour avoir les résultats. Gardez http://downforeveryoneorjustme.com/. parmi vos favoris et n'hésitez pas à l'utiliser pour faire le diagnostic de tout site (blog) qui joue à cache cache.

Modèle Google Chrome pour Blogger

By Rodney // Aucun commentaire:

Depuis le lancement du navigateur Google Chrome, les développeurs ne cessent d'inventer des choses qui vont avec ou qui lui ressemble.

C'est ainsi que chez Zonachrome, ils ont eu l'idée de convertir le modèle Google chrome confectionné par Ericulous pour wordpress.

Voir ce modèle en live

Télécharger le modèle

Pour changer les liens de navigation au dessus, se connecter sur son compte, aller sur "mise en page" puis sur "modifier le code html". Trouver le code du genre :
<li class="last"><a href="#">Edit</a></li>

Mettre l'url à la place de # et le nom du lien à la place d'Edit.

Un preneur ?

Connaitre le nombre exact d'abonnés sur feedburner

By Rodney // 8 commentaires:

Ceux qui utilisent feedburner et affichent le petit bouton avec le nombre d'abonnés au flux rss et à la newsletter combiné savent que le chiffre à tendance à changer du jour au lendemain.

Parfois c'est en hausse et parfois ça connaît une chute vertigineuse. Ce n'est souvent pas vos abonnés qui vous quittent en masse, mais feedburner qui affiche un nombre moins important en rapport avec le nombre des consultations du jour précédent (à ce que je sache).

Ainsi, pour ne pas faire une crise cardiaque au cas où vous constaterez par exemple que votre compteur qui affichait 1000 readers ne plus afficher que 25 readers, voici pour vous une astuce toute simple.

1. Connectez-vous sur votre compte Feedburner

2. Sur "My feeds" cliquez sur le titre du blog dont vous voulez vérifier le nombre réel d'abonnés

3. Jetez un coup d'oeil vers la droite, juste après "Shows stars for ", vous verrez un chiffre au dessus de la dernière colonne verte, celle qui est la plus foncée.

Ce nombre est celui qui se rapproche le plus du nombre réel de vos abonnés. Vous pouvez remarquer qu'il est souvent différend de celui affiché sur votre blog (est mis en grand un peu plus bas sur la même page).

J'espère que cette info vous aura été utile.

P.S. : Si vous n'avez pas encore un compte sur feedburner, voici un tuto pour savoir comment intégrer une newlestter et afficher le bouton Feedburner sur votre blog.

Mettre un nom de domaine à la place de blogspot

By Rodney // 45 commentaires:

Dans un article précédent, nous avions vu comment changer la partie avant blogspot de son url sur blogger. Seulement, une fan de Rihanna Fenty m'a fait remarqué qu'il n'y avait aucun article sur le blog expliquant comment mettre un nom de domaine (genre nomdublog.com) à la place du nomdublog.blogspot.com.

Fan Site consacré à Rihanna Fenty

Pour avoir rediriger votre adresse blogspot vers votre nom de domaine, vous devez suivre les étapes suivantes :

1. Se connecter sur Blogger puis aller sur "Paramètres" pour le blog où vous allez mettre un nom de domaine

2. Cliquer sur "Publication"

3. Sur la nouvelle page, cliquez sur "Domaine personnalisé"

4. En desssous de "Achetez un nom de domaine à votre blog", cliquez sur "basculer vers les paramètres avancés"

5. Mettez votre nom de domaine dans la case après http://

6. Si vous allez héberger certains fichier sur votre domaine, cliquez sur l'option "oui" pour "Utiliser un hôte de fichiers manquants ?". Au cas contraire, cliquez sur "Non".

Au cas où vous avez cliquer sur "Oui", sachez que votre hôte de fichiers manquants doit être un sous-domaine situé dans le même domaine que votre blog.

7. Mettez le mot de vérification

8. Cliquez sur "Enregistrer les paramètres" et c'est bon.

Votre adresse blogspot rédirigéra dorénavant vers votre nom de domaine. Ceci veut dire que si quelqu'un saisi votre adresse blospot sur son navigateur, il sera directement conduit vers votre nom de domaine qui lui affichera le blog tel qu'il est sur Blogger.

Changer le lien principal de son blog

By Rodney // 7 commentaires:

Comme Il se pourrait que l'un de nous ait envie de changer l'url de son blog déjà bien garnis pour de raison de Seo et d'esthétique, soit que l'url d'avant ne correspond plus à la ligne éditoriale du blog, voici pour vous une astuce toute simple pour accomplir cette prouesse.

1. Connectez-vous sur votre compte, puis allez sur paramètres.

2. Là, cliquez sur l'onglet "publication"

3. Changer l'url dans la case pour "adresse blog*pot"

4. Mettez le mot de vérification dans la case appropriée

5. Cliquer sur enregistrer les paramètres et le tour est joué.

A+

Widget Google traductions avec 24 drapeaux pour 24 langues

By Rodney // 46 commentaires:

Le grand succès qu'a connu le premier widget Google traduction avec drapeaux sera vite effacé par celui-ci.

En effet, je viens de modifier le code fournis par Blogger accessories pour avoir le widget Google traduction avec 24 drapeaux pour 24 langues. Il y a l'anglais, l'arabe, l'indu, le chinois (simplifié et traditionnel), le japonais, le coréen, l'espagnol, le tchèque, le grec, le finlandais, le roumain, le russe, le danois, le norvégien, le suédois, le croate, l'allemand, le portugais, le polonais, l'italien, le bulgare, le finois (je crois que c'est la traduction de finnish en anglais) et le germain (dutch en anglais).

Donc, il y en a pour toutes les sauces, régalez vous.

Pour l'avoir sur votre blog, il suffit de copier le code ci-dessus que vous allez coller dans un widget html/javascript.

<div style="padding:10px 10px 10px 10px;text-align:center;">
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" title="Google-Traduction-Français-en-anglais "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to French " src="http://i321.photobucket.com/albums/nn397/rodney2006_2008/flag_usa.gif" height="18" title="Google-Traduction-Français-en-anglais "/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Car&hl=fr&ie=UTF8'); return false;" title="Traduire français en Arabic"><img border="0" style="cursor:pointer; cursor:hand;" alt="Traduire français en Arabic" width="24" src="http://i263.photobucket.com/albums/ii150/mohamedrias/Arabic_Flag.png" height="18" title="Traduire français en Arabic"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Czh-CN&hl=fr&ie=UTF8'); return false;" title="Translate to Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified) BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_chinese_s.png" height="18" title="Translate to Chinese (Simplified) BETA"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cbg&hl=fr&ie=UTF8'); return false;" title="Traduire français en Bulgarian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Bulgarian_Flag.png" height="18" title="Translate to Bulgarian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Czh-TW&hl=fr&ie=UTF8'); return false;" title="Traduire français en Traditional Chinese"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Mandarin_Flag.png" height="18" title="Translate to traditional Chinese"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Chr&hl=fr&ie=UTF8'); return false;" title="Traduire français en Croatian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Croatian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Croatian_Flag.png" height="18" title="Translate to Croatian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ccs&hl=fr&ie=UTF8'); return false;" title="Traduire français en Czech"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Czech" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Czech_Flag.png" height="18" title="Translate to Czech"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cda&hl=fr&ie=UTF8'); return false;" title="Traduire français en Danish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en danish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Danish_Flag.png" height="18" title="Translate to Danish"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cnl&hl=fr&ie=UTF8'); return false;" title="Traduire français en Dutch"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Dutch" src="http://i40.photobucket.com/albums/e208/winglord01/nederlands.gif" height="18" title="Translate to Dutch"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cfi&hl=fr&ie=UTF8'); return false;" title="Traduire français en Finnish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Finnish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Finnish_Flag.png" height="18" title="Translate to Finnish"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cde&hl=fr&ie=UTF8'); return false;" title="Traduire français en German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en German" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_german_s.png" height="18" title="Traduire français en German"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cel&hl=fr&ie=UTF8'); return false;" title="Traduire français en Greek"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Greek" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_gr.gif" height="18" title="Translate to Greek"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Chi&hl=fr&ie=UTF8'); return false;" title="Traduire français en Hindi"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Hindi" src="http://i323.photobucket.com/albums/nn467/techbookmark/hindi.png" height="18" title="Translate to Hindi"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cit&hl=fr&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt=" Traduire français en Italian" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_italian_s.png" height="18" title=" Traduire français en Italian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cja&hl=fr&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Japanese BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_japanese_s.png" height="18" title="Traduire français en Japanese BETA"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cko&hl=fr&ie=UTF8'); return false;" title=" Traduire français en Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Korean BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_korean_s.png" height="18" title="Traduire français en Korean BETA"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cno&hl=fr&ie=UTF8'); return false;" title="Traduire français en Norwegian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Norwegian" src="http://i536.photobucket.com/albums/ff328/pmhrid/norway_flag.png" height="18" title="Translate to Norwegian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpl&hl=fr&ie=UTF8'); return false;" title="Traduire français en Polish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Polish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Polish_Flag.png" height="18" title="Translate to Polish"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpt&hl=fr&ie=UTF8'); return false;" title="Traduire français en Portuguese"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Portuguese" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_pt.gif" height="18" title="Translate to Portuguese"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cro&hl=fr&ie=UTF8'); return false;" title="Traduire français en Romanian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Romanian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Romansh_Flag.png" height="18" title="Translate to Romanian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cru&hl=fr&ie=UTF8'); return false;" title="Traduire français en Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Russian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Russian_Flag.png" height="18" title="Translate to Russian"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cru&hl=fr&ie=UTF8'); return false;" title=" Traduire français en Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Russian BETA " src="http://i263.photobucket.com/albums/ii150/mohamedrias/_russian_s.png" height="18" title=" Traduire français en Russian BETA "/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ces&hl=fr&ie=UTF8'); return false;" title="Traduire français en Spanish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Spanish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Spanish_Flag.png" height="18" title="Traduire français en Spanish"/></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Csv&hl=fr&ie=UTF8'); return false;" title="Traduire français en Swedish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Swedish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Swedish_Flag.png" height="18" title="Translate to Swedish"/></a>
<div style="display:none;">
<small><a href="http://rias-techno-wizard.blogspot.com" target="_blank">+</a></small><a href="http://blogger-au-bout-du-doigt.blogspot.com/2008/09/widget-google-traduction-24-drapeaux.html" target="_blank">Obtenir ce widget</a></div>
</div>

Alors, on dit quoi ?

Mettre un lien dans une image

By Rodney // 12 commentaires:

Dans la liste des voeux, Manu avait laissé la question suivante :

Salut Rodney,

J'aimerai savoir si il y a un moyen de mettre un lien sur une image lorsque l'on rédige un nouveau message dans blogger.

Merci d'avance l'ami

Ma réponse est :

@ Manu : Après avoir mis l'image dans le message, pendant que tu est encore dans la page d'édition du message, tu clique sur l'onglet "modifier le code html" et tu cherche un code du genre :

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOxG5yq7Ky-4142qAfg4Ze-JGXKesJosx7Robvf8HHm5UweEnqUJo9xU1QcYxAuZACu142paX6X61y3jRYIqlR0relFhFJ1JPlCPXHCedLh7k5mMwK3ljjWxYJfOS6hnX8GnUdbm-R7zk/s1600-h/6012.jpg"><img style="margin: 0px auto 10px; cursor: pointer; width: 140px; height: 213px; display: inline;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOxG5yq7Ky-4142qAfg4Ze-JGXKesJosx7Robvf8HHm5UweEnqUJo9xU1QcYxAuZACu142paX6X61y3jRYIqlR0relFhFJ1JPlCPXHCedLh7k5mMwK3ljjWxYJfOS6hnX8GnUdbm-R7zk/s320/6012.jpg" alt="" id="BLOGGER_PHOTO_ID_5245939815491659602" border="0" /></a>

Tu efface le contenu après <a jusqu'à ><img (voir la partie en gras).

A la place, tu met href="lien que tu veux", ce qui donnera :

<a href="lien que tu veux" ><img style="margin: 0px auto 10px; cursor: pointer; width: 140px; height: 213px; display: inline;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOxG5yq7Ky-4142qAfg4Ze-JGXKesJosx7Robvf8HHm5UweEnqUJo9xU1QcYxAuZACu142paX6X61y3jRYIqlR0relFhFJ1JPlCPXHCedLh7k5mMwK3ljjWxYJfOS6hnX8GnUdbm-R7zk/s320/6012.jpg" alt="" id="BLOGGER_PHOTO_ID_5245939815491659602" border="0" /></a>

Tu remplace lien que tu veux par l'url à laquelle tu veux renvoyer. Ainsi, ton image sera cliquable et conduira au lien que tu aura mis.

A+

Afficher les titres des articles à la place de messages plus récents et messages plus anciens

By Rodney // 10 commentaires:

Qui ne voudrais pas afficher les titres des articles à la place de Messages plus récents et messages plus anciens qui apparaît au bas de la page sur Blogger ?

La grande blogueuse Anne, de Papilles et Pupilles (un blog culinaire pour ceux qui ne veulent pas voir leurs intestins devenir rouge de colère à cause du manque de variation des repas), m'avait demandée il y a quelque mois de cela, de lui trouver une astuce pour afficher les titres des articles (plus récent et plus anciens ) à gauche comme à droite d'Accueil au bas de page des articles sur Blogger.

Après plusieurs recherches infructueuses, j'étais tombé sur le blog de Phyddeaux3 qui avait intégré cette astuce. Seulement, aucun article de son blog n'explique comment le faire, malgré tous les commentaires demandant les secrets de l'astuce laissé par quelques bloggueurs, notamment votre humble serviteur que je suis.

J'ai pris le temps d'étudier son code et bingo!, hier j'ai trouvé comment ça marche. Je l'ai même déjà installé sur mon blog et il me convient mieux que la numérotation des pages.

Pour avoir le même résultat sur votre blog, voici ce qu'il faut faire :

1. Trouvez dans votre code css la portion de code pour messages anciens et nouveaux, elle commence un peu comme ceci :

#blog-pager-newer-link et se termine par quelque chose comme ceci : .blog-pager a

Remplacez toute cette section par celle-ci :

#blog-pager-newer-link, #top-pager-newer-link {
float: left;
width:200px;
text-align:left;
}
#blog-pager-older-link, #top-pager-older-link {
float: right;
width:200px;
text-align:right;
}
#blog-pager, #topPagerLinks {
margin:20px 0 0 0;
text-align: center;
font-variant:small-caps;
font-size:90%;
font-family: Tahoma, sans-serif;
letter-spacing:-0.05em;
}
#blog-pager a , #topPagerLinks a {
text-decoration:none;
}
#topPagerLinks {
padding:0 0 25px 0;
margin:-10px 0 0;
}

Celui qui s'y connait un peu ne pourra qu'ajouter les #top-pager-newer-link , #top-pager-older-link #topPagerLinks aux endroits indiqués. Mais, si vous n'êtes pas habile, évitez vous des problèmes et suivez les instructions.

A cette étape, enregistrez votre modèle.

2. Télécharger ce fichier zip (click droit, puis enregistrer sous). Il contient un fichier .js nommé recentsanciens

Ouvrir le fichier recentsanciens.js avec notepad et trouvez la partie ci-après :

a = document.createElement('a');
atxt = document.createTextNode('Home');
a.href= 'http://votreblog.blogspot.com/index.html';
a.appendChild(atxt);
topPager.appendChild(a);

Remplacez y votreblog par l'identifiant de votre blog (le nom qu'il a sur l'url)

Enregistrez les modifications (que le fichier garde le format js) et allez héberger sur Googlepagecreator ou un site similaire (weebly.com ou free.fr)

3. Mettez l'url de l'endroit où est hébergé le fichier à la place de celui qui est dans ce code et collez le code entier dans votre modèle, avant la balise </head>

<script src='urlcomplte.com/recentsanciens.js' type='text/javascript'></script>

4. Trouvez le code ci-après :

<b:include name='nextprev'/>

Collez celui-ci juste en dessous :

<script type='text/javascript'>pItemPager()</script>

ce qui donnera :

<b:include name='nextprev'/>
<script type='text/javascript'>pItemPager()</script>

5. Si les messages anciens et nouveaux apparaissent au bas de page et que vous voulez le voir au début de pages, juste avant le titre de l'article, mettre le code suivant juste après <b:includable id='main' var='top'>

<div id='topPagerLinks'></div>

Enregistrez-votre modèle et le tour est joué.

NB : Un seul hic constaté avec cette astuce, c'est que les apostrophes et les lettres avec accents sont effacé. Je crois qu'il prend les mots contenus dans le suffixe de l'url pour constituer le titre de l'article. Rien n'est parfait sur la terre. Mais si quelqu'un pouvait nous étudier le fichier .js pour voir comment régler le problème, nous lui serons très réconnaissant.

Mettre Skype dans son blog

By Rodney // 4 commentaires:

Dernièrement quelqu'un m'a commandé de lui créer un blog et d'y intrégrer Skype.

Je ne peux pas trop vous décrire Skype, vu que tout ce qui est audio se tient éloigné de moi (mon ordi n'a pas de carte son, de webcam ou de micro). Mais, à ce que je sache c'est un service qui permet de faire un appel sur le net vers n'importe quel utilisateur Skype au monde et même vers un téléphone portable ou fixe. Les appels sur le net sont gratuit et ceux vers les téléphones sont payants (pas trop chers à ce qu'il paraît).

Après avoir fait quelque recherches, j'ai découvert sur un blog quelqu'un qui l'avait intégré (Skype). Ayant fouillé son code source, je puis vous donner le code nécessaire pour avoir Skype sur votre blog.

Ces codes sont à mettre dans un widget HTML/JAVASCRIPT de votre blog. Remplacez seulement "votreidentifiant" par votre identifiant Skype.

1. Widget Skype avec image

Celui-ci affiche votre état en ligne (connecté, déconnecté, disponible, pas disponible) et dès que quelqu'un clique sur l'image, il peut vous appeler. Au cas où il n'a pas installer skype dans son ordi, il lui est proposé de télécharger le module.

<script src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"
type="text/javascript">
</script>
<a href="skype:votreidentifiant?call" onclick="return skypeCheck();"><img appelez-moi alt src="http://mystatus.skype.com/smallclassic/votreidentifiant"/></a>

2. Liens vers votre Skype

<p class="skype"> <a href="skype:votreidentifiant?call" onclick="return skypeCheck();">Appelez moi</a></p>

<p class="skype"> <a href="skype:votreidentifiant?add" onclick="return skypeCheck();">Ajoutez-moi à vos contacts</a></p>

<p class="skype"> <a href="skype:votreidentifiant?chat " onclick="return skypeCheck();">Chattez avec moi !</a></p>

Un preneur ?

Slideshow des articles avec images du blog et autres widgets

By Rodney // 16 commentaires:

Mon blog vient de se doter d'un nouveau widget : Un slideshow des récentes publications.

J'avais toujours voulu avoir un slideshow du genre que l'on trouve sur Onenblogue. Le problème, c'est que malgré toutes les études que j'ai mené sur le code source du blog de Yony, je n'étais pas parvenu à complétement faire marcher le widget flux qu'il avait modifié avec des codes de Dynamicdriver pour avoir un slideshow des récentes publications.

Aujourd'hui, en errant sur le net à la recherche d'un nouveau template pour mon blog zoom, je suis tombé sur le site Wowzio qui propose un tas de widgets qui vont faire le bonheur de plusieurs ici.

En vous rendant sur cette page, vous découvrirez :

1. Un widget gallery des images de vos dernières publications

6 images contenues dans vos dernières publications , sont affichées sur ce widget. Puis, on passe aux 6 images suivantes, ainsi de suite. En passant la souris sur une image, le titre de l'article le contenant s'affiche.

2. Slideshow panoramique des images du blog

Le plus cool de tous (à mon avis), Le slideshow panoramique des images d'articles publiés sur le blog. Le widget trouve toutes les images du blog et en fait un slideshow, avec le titre des articles où elles sont contenues au bas de l'image.

3. Visiteurs en ligne, source de leur provenance et article qu'ils lisent (avec images illustrant ceux-ci)

Le titre a tout dit.

4. Nuage des mots clés

Tout le monde sait c'est quoi (j'espère).

5. Widget flux

Affiche les 50 dernières articles du blog (deux à la fois sur la case). Un résumé de l'article apparaît (les premières lignes), ainsi que la première image de celle-ci (pour illustrer).

Comment avoir ces widgets ?

1. Se rendre sur Wowzio

2. Mettre l'url du flux de votre blog ou l'url de celui-ci dans la case après "enter your feed or blog url" et cliquer sur "continue" (veiller à ce que la case pour "I accept blablabla" soit cochée).
3. Sur la nouvelle page on vous affiche l'url de votre flux et les titres de 5 derniers articles publiés sur le blog. Si c'est vraiment le blog pour lequel vous voulez créer un (ou des) widget(s), cliquez sur "Look great, create my widgets"
4. Cliquer sur le bouton rouge "Customize this !" au bas du widget que vous voulez installer
5. Sur la nouvelle page, modifier le widget à son goût grâce aux fonctions offertes à la sidebar (à gauche)
6. Récuper le code dans la case "Copy/Paste code" et aller le mettre dans un widget "Html/Javascript" ou cliquer sur le bouton "Add to Blogger" afin d'installer le widget dans son blog.

Dites-moi si vous avez aimé particulièrement l'un de ces widgets (à moins que vous n'ayez tout aimé).