Blogger au bout du doigt

Pourquoi pas Google web elements ?

noreply@blogger.com (Rodney SANKINKA) — Thu, 12 Nov 2009 16:59:00 +0000

Si vous aimez ajouter certaines gadgets pour agrémenter votre blog, je vous conseille de jeter un coup d'oeil sur Google web elements.

Ce service permet d'insérer des gadgets google sur son blog, que ce soit un Google agenda (pour tenir vos lecteurs informé sur les évéments à venir), un googledoc (pour leur montrer une présentation), etc. Il se pourrait que nouveau gadget soient ajoutés dans l'avenir. Alors, il faut garder un oeil sur Google web elements.

Partager les revenus publicitaires (adsense) d’un blog d’équipe

noreply@blogger.com (Rodney SANKINKA) — Wed, 11 Nov 2009 06:31:00 +0000

Vous êtes une équipe à administrer un blog que vous monétisez et aimeriez savoir comment équitablement répartir les revenus collectés. L’astuce, c’est de laisser chacun mettre la pub qui va avec son compte adsense (ou autre).

Normalement, sur Blogger il existe des codes pour limiter l’affichage des certaines éléments (ou widgets) à certaines pages. Anshul a utilisé l’un de ces codes pour concocter cette petite astuce.

Les codes que nous allons voir, limitent l’affichage des vos codes publicitaires à certaines pages, notamment les pages d’articles écrits par certains auteurs. Ainsi, si vous êtes trois à tenir un blog et que chacun de vous possède un compte sur Google adsense, vous pourrez mettre vos propres pubs qui s’afficheront uniquement sur les articles du proprio du compte et pas sur les articles des autres. Cette astuce peut évidement être utilisée pour les autres pubs comme les vidéos ebuzzing, blogbang et autres.

Pour adopter cette astuce sur votre blog, voici ce que vous devez faire :

1. Vous connecter à votre compte blogger et aller sur « Mise en page », puis sur « Modifier le code html », et là, cochez sur « Développer des modèles de gadget ».

2. Trouvez le code ci-après :

<data:post.body/>

3. Insérez le code suivant avant celui-ci haut (si vous voulez que les pubs apparaissent au dessus des articles) ou après le code ci-haut (si vous voulez que les pubs s’affichent après les articles).

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

<b:if cond='data:post.author == "Auteur n°1"'>

Insérer le code adsense (ou publicitaire d’une autre plateformer ici)

</b:if>

<b:if cond='data:post.author == "Auteur n°2"'>

Insérer le code adsense (ou publicitaire d’une autre plateformer ici)

</b:if>

<b:if cond='data:post.author == "Auteur n°3"'>

Insérer le code adsense (ou publicitaire d’une autre plateformer ici)

</b:if>

4. Remplacez les Auteurs n°1, Auteurs n°2, Auteurs n°3 par les noms des auteurs de votre blog. Notez bien, mettez les noms tels qu’ils apparaissent lors de la publication des articles (publié par xxxx). Si vous ne respectez pas bien la case (Majuscules et Minuscules à leurs places, vous n’aurez pas le résultat escompté).

5. Mettez les pubs pour chaque auteur à l’endroit indiqué et enregistrez votre modèle.

Bien que l’exemple est limité à trois auteurs, vous pouvez en mettre moins (deux) ou plus, cela dépend du nombre d’auteurs qu’a votre blog.

Vous pouvez afficher les articles des vos auteurs sur votre navigateur et vérifier le code source pour voir si l’identifiant publicitaire sur chaque page correspond à celui de l’auteur de l’article.

Personnaliser la souris de son blog

noreply@blogger.com (Rodney SANKINKA) — Tue, 10 Nov 2009 10:21:00 +0000

Ceci est un article de Vidéale, des blogs vidéale(cinéma pour enfants) et lapetitevidéothèque (cinéma pour les ados / adultes).

Voici comment modifier l'aspect de votre souris. Il m'a fallu du temps pour recueillir les différentes informations mais la méthode est ultra simple.

Cette solution fonctionne sur Internet explorer et sur Mozilla Firefox grâce à Dalida dont j'ai récupéré le code. Cela fonctionne seulement avec des images fixes (.cur), pas avec des images animées (.ani).

Allez dans Mise en page

Cochez Développer des modèles de gadgets

Recherchez (ctrl + F) la balise :
body {

Placez sur la ligne suivante le code :
cursor:url(indiquez l'url de votre curseur.cur), default;

Sauvegardez et allez admirer le résultat.

Voici quelques liens où vous trouverez des modèles de souris :
- PatMax (gratuit)
- Lablogos (gratuit)
- Curseurs-gogo (prix d'une communication)

Vous pouvez retrouver Vidéale sur ses blogs (vidéale et lapetitevidéothèque)où elle se fera un plaisir de répondre à vos questions et vous faire découvrir son univers pas comme les autres. Pour s'abonner à son blog, cliquez sur le lien suivant.

Bouton de partage Facebook

noreply@blogger.com (Rodney SANKINKA) — Fri, 06 Nov 2009 06:26:00 +0000

Barry Welch a récemment développer un bouton de partager facebook similaire à celui de partage sur Twitter que nous avions vu dernièrement. L'article que vous partagez grâce à ce bouton, verra son titre et son lien apparaître sur votre page de profil facebook.

Le code pour ce bouton sont les suivants :

1. Version normale 1

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

2. Version normale 2

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

3. Version compacte 1

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

4. Version compacte 2

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Vous pouvez l'installer l'un de ces codes dans votre blog, juste avant la balise <data:post.body/> ou juste après <div class='post-header-line-1'/>

@+

Gadget Newsletter sur Google friend Connect

noreply@blogger.com (Rodney SANKINKA) — Thu, 05 Nov 2009 11:33:00 +0000

En allant faire un tour sur Google friend connect, j'ai remarqué qu'outre les modifications dans le look, il y un nouveau Gadget "Newsletter".

Avec ce gadget, vous pouvez écrire des newsletter qui ne seront destinés qu'aux abonnés de votre blog et ne s'afficheront pas comme articles de votre blog. Pour avoir ce widget sur votre blog, connectez-vous à Google Friendconnect et cliquez sur le nom de votre blog.

Sur la colonne gauche, cliquez sur "Lettre d'information". Vous trouverez sur la nouvelle page qui s'affichera les 3 options offertes pour la "Lettre d'information", notamment :

1. Un tableau de bord où l'écrire avec possibilité de l'envoyer aux abonnés ou à certains membres seulement, selon les réponses qu'ils ont donnés à vos questions. Cet éditeur de message est semblable à celui de Blogger.

2. L'historique des vos lettres d'information : Histoire de savoir quand vous avez écrit pour la dernière fois et retrouver une ancienne lettre d'information.

3. Gadget lettre d'information : Un Gadget que vous pouvez installer sur le blog pour inviter les lecteurs à s'abonner à la Newsletter.

Cela va éviter à beaucoup d'utiliser les sites payant qui offrent les mêmes services.

Générateur Sitemap pour Google, Yahoo et Bing

noreply@blogger.com (Rodney SANKINKA) — Wed, 04 Nov 2009 06:03:00 +0000

Labnol avait conçu un générateur de sitemap pour les Blogs Blogger, qui permet de soumettre ce dernier sur Google, Yahoo et Bing. En gros, il faut savoir qu'un site map facilite aux moteurs de recherche l'indexation du contenu de votre blog (site).

Pour générer le Sitemap de votre blog, il vous suffit de vous rendre sur cette page et d'y mettre votre url complet (avec le http:// et le / à la fin). Ensuite cliquez sur "create blogger site map".

Sur la page qui sera chargée, vous serez informé du nombre d'articles que vous avez déjà publié sur votre blog.

Pour soumettre votre sitemap sur Bing, cliquez sur "Submit 1 to 500 posts" juste en desssous de For Bing. Vous serez conduit sur une page où il sera écrit "Thanks for submitting your sitemap."

Repétez la même opération pour Yahoo, juste en dessous de For Yahoo ! Sur la page où vous serez conduit, vous devrez avoir le message "Update notification has successfully submitted."

Pour Google, rendez -vous sur votre compte Google webmaster (si vous en avez un), cliquez sur le nom de votre blog et dans le Tableau de bord de celui-ci, cliquez sur "Envoyer un sitemap" (voir la colonne à droite). Sur la nouvelle page, cliquez encore sur "envoyer un sitemap" et dans la petite case qui s'affiche, mettez le lien suivant (juste après l'url de votre blog) puis cliquez sur le bouton "envoyer un sitemap" :

atom.xml?redirect=false&start-index=1&max-results=100

Si votre blog possède plus de 100 articles, mettez plutôt le lien suivant :

atom.xml?redirect=false&start-index=1&max-results=500

Si votre blog a plus de 1000 articles, mettez les trois liens suivants , un à la fois (notez les différences en gras).

atom.xml?redirect=false&start-index=1&max-results=500
atom.xml?redirect=false&start-index=501&max-results=500
atom.xml?redirect=false&start-index=1001&max-results=500

Si vous avez plus de 1500 articles, suivez la méthode pour ajouter le prochain lien.

@+

Affichage Photos commentateurs et couleur de fond différentes

noreply@blogger.com (Rodney SANKINKA) — Tue, 03 Nov 2009 14:00:00 +0000

En 2007, nous avions enseigné une technique pour afficher les photos des commentateurs qui disposent d’une photo de profil sur Blogger. Mais, depuis quelques temps, Blogger permet d’afficher les photos des commentateurs même sur les blogs qui ont choisis d’intégrer un formulaire des commentaires à la fin des articles, ce qui a rendu notre première astuce à moitié hors service. Bien que les bulles qui encadrent les commentaires s’affichent encore et qu’il y a moyen de différencier les commentaires des lecteurs de celui du proprio du blog par la couleur de fond, les photos elles ne s’affichent plus.

Avant de voir comment remédier à ce problème, expliquons les méthodes fournies par Blogger pour afficher les photos de profil sur les commentaires (quelqu'un m'avait contacté pour écrire cet article il y a 3 semaines, mais depuis plus aucun signe de vie malgré mon accord).

Si vous désirez afficher les photos des commentateurs sur un Blog Blogger, rien de plus simple. Il suffit d’aller sur « Paramètres », puis sur « Commentaires » et là, cocher sur "oui" pour l’option «Afficher les photos de profil sur les commentaires ».

Au cas où les photos ne s’affichent pas du tout malgré l’activation de l’option citée ci-haut, utilisez cette méthode de Soufiane :

1. Aller sur « Modifier le code html » et trouvez l’une de deux lignes suivantes :

2. Remplacez la ligne que vous trouverez par

Notez que si vous remplacez le <div id='comments-block'>, il vous faudra chercher le </div> qui clôture celui-ci et le remplacer par </dl>

Au cas où vous ne trouvez pas les premières lignes indiquées, cherchez plutôt la troisième. Si elle existe, passez à l’étape suivante.

3. Trouvez la ligne suivante :

Remplacez-la par celle-ci :

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='50px' style=' margin: 25px 0 0 0;' width='50px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

Ajouter une bulle avec différentes couleurs de fond pour les commentaires

Pour avoir une bulle entourant les commentaires avec couleur de fond différent pour les commentaires de l’auteur du blog et ceux des visiteurs :

1. Dans le css de votre blog, mettre les codes suivants et effacez ceux similaires qui existaient avant (voir la nomination en gras)

.comment-body { background: url(http://chenkaie.googlepages.com/bg_comment.gif) no-repeat 35px 0px; padding-top:1px; }
.comment-body p { background:#d0d0d0; margin: 5px 0 0px 0; border: 6px solid #e5e5e5; line-height: 1.6em; padding: 7px 7px 7px 13px; }
.comment-body-author { background: url(http://chenkaie.googlepages.com/bg_comment.gif) no-repeat 35px 0px; padding-top:1px; }
.comment-body-author p { background:#ccdacc; margin: 5px 0 0px 0; border: 6px solid #e5e5e5; line-height: 1.6em; padding: 7px 7px 7px 13px; } .comment-author { margin: 0px 0px 0px 0px; padding: 0 10px 0 40px; color: #777; font-size: 16px; font-weight:bold; background: url(http://www.blogblog.com/tictac/comment_arrow.gif) no-repeat 20px 7px;}

* html .comment.favicon { /*IE only*/

margin: 30px 0 0 0;

}

2. Juste après le code suivant

<b:loop values='data:post.comments' var='comment'>

Mettre

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>

3. Enregistrez votre modèle et youpi !

Vous avez vos commentaires qui s’afficheront avec photos de leurs auteurs en plus d’une différenciation des commentaires du proprio du blog de ceux des visiteurs par la couleur de fond.

Afficher le lien pour lire la suite du résumé d’un article

noreply@blogger.com (Rodney SANKINKA) — Mon, 02 Nov 2009 11:56:00 +0000

Nous avions vu dernièrement qu’il était désormais possible d’activer l’affichage d’un bout de l’article à l’accueil en un seul clic. Seulement, il reste que dans beaucoup des blogs, seuls les résumés s’afficheront mais ne seront pas accompagnés d’un lien indiquant aux lecteurs qu’ils peuvent lire la suite de l’article.

Ceux qui utilisent des modèles offert par Blogger peuvent facilement afficher le lien « lire la suite » et même mettre une autre phrase à la place, en allant sur « Mise en page » et en cliquant sur « Modifier » pour le widget « Message du blog ». Sur la pop-up qui s’ouvre, il n’y a qu’à changer le texte « Plus d’infos » par « Lire la suite… » ou une autre phrase de votre choix.

Si avec votre modèle la phrase « plus d’infos » ne s’affiche pas automatiquement après avoir activé le résumé à l’accueil pour un article, ne paniquez pas. Allez sur votre compte Blogger, sur « Mise en Page », puis sur « Modifier le code html » et là, cochez la case pour « Développer de modèles de gadget ».

1. Trouver le code suivant :

<data:post.body/>

2. Juste après ce code, mettre celui-ci :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Enregistrez votre modèle et allez admirer le résultat. Notez que vous pouvez directement insérer le texte à affiché après le résumé d’un article en changeant le code en gras par le texte de votre choix. Mais, je crois qu’il serait plus pratique d’aller effectuer le changement sur « Mise en page » (éléments de la page) et de cliquer sur « Modifier » pour le widget blog.

Amanda révèle qu’il est même possible d’afficher une image à la place du texte « Plus d’infos » (lire la suite). Pour cela, il vous suffit de remplacer le code en gras ci-haut par celui-ci-dessous en veillant d’y mettre l’url de l’image et le texte qui apparaîtra si l’image ne s’est pas affichée.

<img src="url_de_limage" border="0" alt="Texte Alternatif" />

Espérons que maintenant vous trouverez votre bonheur avec la nouvelle fonctionnalité offerte par Blogger.

Ajouter un effet de page à Peel sur Blogger

noreply@blogger.com (Rodney SANKINKA) — Sun, 01 Nov 2009 11:18:00 +0000

Si vous vous rendez sur le Blog de MisterAir, vous remarquerez qu’il y a comme le bout d’une page qui s’ouvre et laisse entrevoir un bouton Rss. En passant la souris dessus, l’ouverture de la page se fait plus grande et affiche la partie cachée de la page en dessous. Cette option est beaucoup utilisée sur la blogosphère anglophone pour attirer l’attention des visiteurs sur la possibilité de s’abonner sur blog et parfois pour faire la pub d’un produit quelconque.

Pour avoir cette même option sur votre blog, voici ce qu’il vous faut faire selon les recommandations de naeem :

1. Vous connecter à votre compte Blogger et aller sur « Mise en page », puis « Modifier le code html ».

2. Trouvez la balise </head>

3. Juste au dessus, mettez le code suivant :

<style type='text/css'>
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://www.wallheaven.com/subscribe.png) no-repeat right top;
}
</style>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

//Page Flip on hover

$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});

});
</script>

L’url en gras est celle de l’image à afficher sur la page cache. A vous de mettre l’image de votre choix.

Et comme le dit MisterAir, si vous voulez que cet effet s'affiche au coin droit de l'écran, changez “ #pageflip {position: relative ” par: “ #pageflip {position: top; top: 0;

4. Cherchez la balise <body> et mettez le code suivant juste après :

Les deux lignes en gras sont les urls : 1) de l’adresse où sera envoyé le visiteur en cliquant sur l’image, ici vous pouvez metre l’url de votre flux (ou du produit pour lequel vous faites la publicité) et 2) l’url de l’image avec la page entrouverte.

Vous pouvez faire des modifications sur le code css, changer l'emplacement de l'effet de page à Peel selon vos connaissance, en veillant de ne pas faire de votre blog une monstruosité.

J’espère cette astuce sera utile à quelqu’un.

Afficher le top des auteurs d’un blog d’équipe

noreply@blogger.com (Rodney SANKINKA) — Tue, 20 Oct 2009 07:57:00 +0000

Après avoir vu comment afficher une photo de l’auteur à chacun des articles de celui-ci dans un blog animé par une équipe, nous allons aujourd’hui voir comme afficher le hit parade des auteurs qui publient le plus dans un blog tenu par plusieurs, un excellent moyen pour motiver ceux-ci à plus publier.

Ce widget a été conçu par Blogger plugins pour vous permettre d’amener votre blog vers des nouvelles dimensions.

1. Assurez-vous d’être connecté à votre compte blogger.

2. Rendez-vous sur l’installateur du widget « top des auteurs » en cliquant sur bouton suivant :

3. Dans la fenêtre qui s’ouvre, remplissez le formulaire de la façon suivante :

- Pour “Widget Title”, mettez le titre que portera le widget à la place de “Top authors”

- Pour “Blog url”, mettez l’url de votre blog. Surtout, ne mettez pas le slash à la fin de l’url de votre blog, il sera automatiquement ajouté par l’installateur.

- Pour “No of Top Authors:”, mettez le chiffre correspondant au nombre d’auteurs que vous avez sur votre blog.

4. Cliquez sur le bouton « customize » puis sur le bouton “Add wiget to my blog”.Une nouvelle page s’affichera. Vérifiez bien que c’est le blog pour lequel que vous voulez installer le widget qui est affiché et cliquer sur « ajouter le gadget ».

Dites merci à Blogger plugins et faites un bisou à Rodney.

Résumé d'articles à l'accueil en un clic

noreply@blogger.com (Rodney SANKINKA) — Mon, 19 Oct 2009 16:28:00 +0000

Parmi les nouveautés ajoutées par l'équipe Blogger depuis que la plateforme a totalisé ses dix ans, c'est la possibilité d'avoir un résumé de ses articles à l'accueil en un clic.

Pour que cette fonction soit disponible pour vous, il vous faut passer au nouveau éditeur de messages. Vous trouverez dans celui-ci un bouton, le dernier, qui permet d'insérer un saut à n'importe quel endroit de votre texte pour indiquer à Blogger que seule la partie précédente doit être affichée à l'accueil.

Ainsi, vous avez le choix entre les articles dont vous voulez qu'une partie soit affichée à l'accueil et les articles à afficher intégralement à l'accueil (là je pense aux petits articles de quelques lignes).

Vraiment utile cette nouvelle fonctionnalité, surtout pour ceux qui n'arrivaient pas à toucher à leur code html.

@+

Passer au nouveau éditeur des messages

noreply@blogger.com (Rodney SANKINKA) — Mon, 19 Oct 2009 08:41:00 +0000

Depuis peu, Blogger offre la possibilité de passe au nouveau éditeur des messages qui a plus des fonctionnalités que l'ancien et est plus maléable. C'est l'éditeur de messages qui est installé sur la version brouillon de Blogger.

Pour changer d'éditeur des messages, il vous faut aller sur votre compte Blogger puis sur "Paramètres" et sur la nouvelle page, allez jusqu'au bas de la page (voir où il est écrit "paramètres globaux"). Cochez y "Editeur mis à jour". Notez que si vous avez plus d'un blog, tous auront le nouveau éditeur.

Si l'éditeur ne vous plaît pas, vous pourrez toujours le changer pour l'ancien à n'importe quel moment.

@+

Mille abonnés ! Et puis quoi encore ?

noreply@blogger.com (Rodney SANKINKA) — Mon, 19 Oct 2009 05:13:00 +0000

Voilà, c’est fait. Blogger au bout du doigt vient d’enregistrer son 1000^ème abonné depuis quelques heures. Dire qu’au début de l’année nous étions encore à 365 abonnés. C’est grâce à vous, chers lecteurs, que les choses sont devenues ce qu’elles sont aujourd’hui.

En mai 2009, Eric de Presse citron avait publié un article où étaient affichés les bureaux de 22 bloggeurs occupant le top du classement Wikio à l’époque. Cet article que j’ai lu il y a quelque temps, m’a poussé à me demander s’il fallait aussi que j’attende de figurer dans un Top 20 pour faire voir à mes lecteurs mon environnement de travail. Pas du tout me suis-je dis. Si mon ami Link, qui est comme moi très loin de figurer dans le top 20 a pu publier des photos de son environnement de travail, pourquoi pas moi ? Alors, à l’occasion de la célébration du millième abonné de ce blog, permettez que je vous présente le nouveau bureau de Rodney SANKINKA.

D’abord, voici le bureau où je travaillais quand j’ai commencé ce blog.

A l’époque, je bloguais très loin de chez moi et utilisais un Windows 98 sur une machine de 6 giga (64 MB Ram) qui se plantait tellement que cela m’avait permis à rendre mes nerfs plus élastiques dans les situations de crise.

Je n’aurais jamais imaginé qu’un blog crée un soir où je m’ennuyais pourrait avoir le succès qu’il a aujourd’hui (même si maintenant j’en veux plus) et me permettra de gagner tout ce que j’y ai gagné en matériels comme immatériels.

Aujourd’hui, grâce à une de mes lectrices, je prépare les articles de mes blogs à domicile avec un XP pack 3 installé sur un laptop Toshiba Satellite U200 qui se bat pour ne pas me décevoir (93 GB H.D., 1.66 GHz et1 GB Ram), fini les brouillons sur papier.

Il faut aussi noter qu'il m'arrive de travailler avec ma nièce sur les génoux. C'est une admiratrice de Dora l'exploratrice qui a transformé mon pc en cinéma depuis que la deuxième télé à passé l'arme à gauche. Heureusement pour elle, ce petit bijou a un lecteur DVD.

Il ne reste plus qu’à me brancher sur la toile de mon domicile et je serai encore plus comblé. Comme pour le Laptop qui est un rêve devenu réalité, je crois que ce rêve qui n’est pas aussi gros que cela deviendra réalité l’un de ces quatre matins, surtout que l'un des providers de la place (Zain) vient de porter un coup très dure à la concurrence en mettant son modem à 60$ et une facture de 70$ pour un mois de connection sans limite de megabites (ou gigabites) à utiliser. J'espère pouvoir rassembler ce montant d'ici peu et amener encore ce blog vers des nouvelles dimensions. Un coup de pouce de votre part serait le bienvenu.

Tout cela pour dire que si ce blog est ce qu’il est aujourd’hui, c’est grâce à vous qui avez parlé de ce blog à vos amis ; vous qui l’avez mis dans la blog roll d’un de vos blogs ; vous qui êtes restés abonnés même quand il était en léthargie ; vous qui avez mis entre mes mains les moyens pour continuer à vous aider ; vous qui m’avez soutenus et défendus là où l’on me jetait des pommes pourries sur le visage ; vous qui avez répondus à la question d’un lecteur en désespoir et vous qui m’avez soutenus de tant d’autres manières (comme en restant anonymement un lecteur passionné de mes articles). Je vous dis à tous un grand merci.

Je sais que vos attentes sont énormes, et vous promet de faire de mon possible (et cela dans la mesure du possible) pour assouvir un tant soit peu votre désir de faire un blog à votre image, selon vos goûts.

Alors que nous mettons le cap vers le chiffre de 10.000 abonnés pour les mois à venir, je suis conscient du fait que ce blog doit subir beaucoup d’améliorations dans sa présentation, afin de rendre plus agréable vos visites, ainsi que dans son contenu qui ira comme je l’ai toujours souhaité au-delà de la configuration des blogs pour toucher le SEO, l’accroissement du nombre des visites, l’affinage du contenu, etc. car je ne vois pas l’intérêt d’avoir un beau blog si personne ne le visite (à moins qu’il soit privé).

Que Dieu nous prête vie afin qu’ensemble nous puissions amener nos blogs vers des nouvelles dimensions.

Qui sera le millième abonné ?

noreply@blogger.com (Rodney SANKINKA) — Sat, 17 Oct 2009 18:50:00 +0000

Si seulement je pouvais le savoir, peut être que je lui aurai faxé un gros bisou ! Bon, en l'attendant, je vous fait à tous des gros gros gros calins.

Ajouter votre propre navbar

noreply@blogger.com (Rodney SANKINKA) — Sat, 17 Oct 2009 18:47:00 +0000

Il existe des blogs hors blogger où installé une navbar inamovible au dessus du Blog. Même en descendant la page, la navbar reste au même endroit et reste toujours visible. Beaucoup des bloggeurs ont ainsi vendu cet espace publicitaire à des annonceurs pour des centaines de dollars (en tout cas, il faut signaler que sur la blogosphère anglaise).

En passant sur Blogger au bout du doigt, vous constaterez que j’ai ajouté une telle navbar sur le blog afin de plus inciter les nouveaux visiteurs à s’abonner.

Pour avoir une navbar fait maison sur votre blog, il vous faut :

1. Vous connecter à Blogger et aller ensuite sur "Mise en page" puis sur "Modifier le code html"

2. Collez le code ci-dessous juste avant la balise ]]><b:skin> pour afficher la navbar au dessus de la page

#mta_bar { background: #FFFFE1; border-bottom: 1px solid #808080; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto; position: fixed; }

* html #mta_bar{ /*IE6 hack*/

position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }

#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}

#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}

#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}

#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}

#left_bar a { text-decoration: none; color: #0000FF; }

#left_bar a:hover { text-decoration: underline; color: #0000FF; }

Pour afficher la navbar au bas de la page, mettez plutôt ce css juste avant ]]><b:skin>

#mta_bar {

background:#003366;

border-top: 3px solid #6699ff;

margin: 0;

padding: 7px 0;

z-index: 100;

bottom:0px;

right:0px;

width: 100%;

overflow: auto;

position: fixed;

}

* html #mta_bar{

/*IE6 hack*/

position: absolute;

width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");

}

#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}

#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}

#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}

#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}

#left_bar a {background: url('http://lh4.ggpht.com/_pt7i0nbIOCY/SRtNzbvDqPI/AAAAAAAAAXk/KxbvrpJ1DE4/ico-rss-trans_thumb%5B1%5D.png?imgmax=800') no-repeat; text-decoration: none; color: #fff; padding:5px 0px 5px 30px;}

#left_bar a:hover { text-decoration: underline; color: #fff; }

3. Collez le code suivant juste avant la balise </head>

//<![CDATA[

var mta_arr = new Array();

var mta_clear = new Array();

function mtaFloat(mta) {

mta_arr[mta_arr.length] = this;

var mtapointer = eval(mta_arr.length-1);

this.pagetop = 0;

this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;

this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);

this.mtasrc.height = this.mtasrc.offsetHeight;

this.mtaheight = this.cmode.clientHeight;

this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);

var mtabar = 'mta_clear['+mtapointer+'] = setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';

mtabar = mtabar;

eval(mtabar);

}

function mtaGetOffsetY(mta) {

var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);

var parentOffset = mta.mtasrc.offsetParent;

while ( parentOffset != null ) {

mtaTotOffset += parentOffset.offsetTop;

parentOffset = parentOffset.offsetParent;

}

return mtaTotOffset;

}

function mtaFloatInit(mta) {

mta.pagetop = mta.cmode.scrollTop;

mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";

}

function closeTopAds() {

document.getElementById("mta_bar").style.visibility = "hidden";

}

//]]>

</script>

4. Mettez le code ci-après juste au dessus de la balise </body>

<div id='left_bar'><span class='left'><a href='URL DE VOTRE FLUX RSS' target='_blank'>PHRASE A AFFICHER</a></span></div>

Dans le code ci-haut, la navbar invite les non abonnés à s’inscrire au flux rss du blog. Pour mettre les indications propres à votre blog, remplacez les éléments en gras par l’url de votre flux rss, le lien de votre blog et le texte qui doit apparaître.

Enregistrez le modèle et allez admirer le résultat. Dites Merci à O-o.com

Notez que vous pouvez changer la couleur de la barre (notre article Comprendre le css de votre blog 2 peut vous y aider) et même l’utiliser à d’autres fins, comme faire la pub d’un autre de vos blogs. Dans ce cas, à la place de l’url flux rss vous mettrez l’url du flux de celui-ci, pour la phrase, vous mettrez « visitez aussi mon blog xxxx » et ensuite vous mettre l’url de celui-ci.

Un voyage à haut risque

noreply@blogger.com (Rodney SANKINKA) — Sat, 17 Oct 2009 17:06:00 +0000

Et dire que vous vous plaignez quand vous voyagez en troisième classe. D'après vous, c'est la quantième classe ça ? La centième ?

Source : Debout Congolais

Partager un blog Blogger

noreply@blogger.com (Rodney SANKINKA) — Thu, 15 Oct 2009 15:18:00 +0000

Certains le savent et d'autres pas (surtout ceux qui ont envoyé promener la navbar de Blogger), mais, depuis peu, Blogger offre aux visiteurs d'un blog Blogger la possibilité de le partager sur Twitter, Facebook ou Google Reader.

Il a été insérer sur la navbar Blogger un bouton "partager" pour permettre la vulgarisation d'un Blog Blogger dans les trois services précités.

Si vous aviez complétement caché la navbar et voulez quand même de temps en temps la faire réapparaître pour permettre à vos lecteurs de bénéficier de cet outil, voyez notre article "jouer à cache cache avec la navbar Blogger".

Espéront qu'il permettra aux blogs qui ont la navbar affiché d'être un peu plus diffusé dans les alentours.

Changer la taille du formulaire des commentaires

noreply@blogger.com (Rodney SANKINKA) — Wed, 14 Oct 2009 08:31:00 +0000

L’une des caractéristiques de lecteurs de ce blog ainsi que de tous ceux qui fouillent le net à la recherche d’astuce pour améliorer leur blog, c’est qu’ils veulent avoir un blog différent de celui du voisin.

Cette différence vous pouvez l’avoir même dans la taille du formulaire des commentaires fournit par Blogger. Pour cela, il vous suffit de vous connecter sur Blogger, d’aller sur « Mise en page », puis sur « Modifier le code html » et là, cochez sur « Développer des modèles de gadget ».

Trouvez le code suivant et changez-en la valeur selon votre goût (voir les éléments en gras ).

Enregistrez votre modèle et allez admirer le résultat. S’il ne vous plaît pas, vous toujours revenir changer de nouveau les valeurs.

Connaître les statistiques des blogs avec top des blogs

noreply@blogger.com (Rodney SANKINKA) — Tue, 13 Oct 2009 14:21:00 +0000

En naviguant sur le net, je suis tombé sur le site Le Top de blogs. Il a la particularité de pouvoir vous donner les statistiques de n'importe quel blog sur la toile. Pour cela, il vous suffit d'entre l'url du blog et de cliquer sur le bouton "analyser".

Les statistiques sont diverses, il y a entre autre :

- Un classement propre au site LeTop des blogs où l'on donne la position occupé par le blog parmi les blogs les plus lu (ce blog est le 319ème blog le plus lus en ce moment), sa position en terme d'abonné (292ème pour ce blog), sa position sur Google, sur délicious, et sur Yahoo.

- Pour feedburner : le nombre d'abonnés et la moyenne de lecture (cela dépendra évidement de votre rythme de publication)

- Pour wikio : La place du blog dans le classement général et dans sa catégorie;

- Pour Technorati : la position dans le classement, l'autorité et le nombre des liens entrants ;

- Pour Google et Yahoo : Le nombre des pages indexées, et des liens entrants (ajoutez le Page rank pour Google);

Il paraît qu'avec un compte premium on peut même avoir des statistiques plus détaillés sur ces blogs, notamment l'estimation de trafic, données démographiques, etc.

Alors, si vous voulez connaître les statistiques d'un blog, n'hésitez pas d'utiliser Le Top de blog.

Gagner de l’argent avec des vidéos Goviral

noreply@blogger.com (Rodney SANKINKA) — Fri, 09 Oct 2009 17:23:00 +0000

Il y à peu près un mois de cela, j’avais été invité à rejoindre une plateforme de diffusion des vidéos rémunérées appelée Goviral. C’est ainsi que depuis quelques temps, vous voyez des vidéos du genre celle qui suit sur mon blog.

Les vidéos proposées ont une largeur minimum de 300 pixels et peuvent être mises dans un article, dans la siberbar de votre blog ou tout endroit visible par les visiteurs.

Les prix de ces vidéos varient selon les annonceurs. Mais, à ce que j’ai remarqué, elles varient de 0, O2 euro à 0, 05 euro (parfois c’est plus). A 0,02 euro, vous gagnez 20 euro pour 1000 visionnements.

La particularité de cette plateforme, est que les vidéos qui sont proposées les sont pour des pays cibles et les bloggeurs sont invités à n’afficher que des vidéos ciblant les pays de provenance de leurs visiteurs (il est donc important de savoir les 5 premiers pays de provenance de vos visiteurs). Avec cette option, une vidéo visionnée 50 fois, mais seulement 36 fois dans les pays ciblés par la publicité, ne sera payée que pour ces 36 visions cibles.

J’ai aussi aimé leur système de paiement (même si le virement bancaire ne marche pas pour moi à cause de ce fichu IBAN). Les paiements sont effectués par virement bancaire ou Paypal chaque 22 du mois suivant celui où vous avez atteint 50 euro dans votre compte.

Comme j’ai toujours conseillé de diversifier les sources de revenus de son blog (à ceux qui les monétisent), histoire de ne pas mettre tous ses œufs dans le panier de Google, je vous invite à essayer Goviral pour ajouter quelques sous de plus dans votre tirelire.

Des balises meta pour votre blog

noreply@blogger.com (Rodney SANKINKA) — Wed, 07 Oct 2009 05:18:00 +0000

En passant sur le blog d’Anne, Papilles et pupilles, j’ai eu l’idée de jeter encore une fois un coup d’œil au code source de ce blog combien populaire et voilà que je remarque qu’il y a plus de balises meta que sur mon blog.

J’en ai récolté l’essentiel, dont je vous donne la liste ici. Il vous suffit de changer les indications en gras en ceux qui conviennent pour votre blog. A mettre juste avant les balises <title></title>

Ces trois premières balises ne doivent être ajoutées que si elles n’existent pas encore sur votre blog (genre si vous aviez déjà inséré l’astuce pour insérer des balises meta dynamiques).

La balise qui suit instruit les robots moteurs de recherche sur le nombre de jours après lequel revenir examiner le blog. Vous pouvez changer le 2DAYS (2 jours) en 3DAYS, 4DAYS ou 7DAYS. Tout dépend de votre rythme de publication.

C’est cette dernière balise que j’ai aimé. Il semble qu’elle instruit les versions antérieures d’Internet Explorer d’émuler la 7^ème version (dites-moi si je me trompe).

Générateur des coins arrondis pour images

noreply@blogger.com (Rodney SANKINKA) — Tue, 06 Oct 2009 04:07:00 +0000

Des images avec des coins arrondis sont d’une grande utilité quand on désire avoir un blog avec des bords arrondis pour l’entête, la partie centrale ou les sidebars. C’est aussi parfois beau d’avoir une image avec coins arrondis dans ses articles. Ça peut même constituer votre marque à vous de n’avoir que d’images avec coins arrondis pour illustrer vos articles, un peu comme c’est la marque de Dosh Dosh d’avoir des images des mangas pour illustrer les articles de son blog.

Pour vous mesdames et messieurs, voici un générateur des coins arrondis fournis par Roundpic.

Widget Facebook : Installation et adaptation

noreply@blogger.com (Rodney SANKINKA) — Sun, 04 Oct 2009 19:55:00 +0000

Ceci est un article de Mathieu, du blog The Geek Station, actualité Geek, Hacking, astuces Windows et Linux, et conseils et techniques underground ! Déjà un peu plus de 200 articles :)

Bonjour à tous,

Je voudrait vous présenter un widget très pratique et de quoi l'adapter a votre cher blog.

Tout d'abord, vous devez inscrire votre blog en tant que Page ou Groupe sur Facebook. Choisissez bien les informations, le titre, la description, et l'image qui fera logo. Ensuite invitez vos amis et vos lecteurs à s'inscrire. Pour les lecteurs il existe un widget - et c'est de ça qu'on va parler.

Donc, pour avoir ce widget, connectez-vous sur Facebook, allez sur la page de votre Blog, et cliquez sur "Ajouter un espace Fan à votre site Web"

Ensuite, selectionnez votre blog, et modifiez les deux options comme vous le voulez : Inclure le fil d'actualité et Afficher les fans (Je vous recommande les deux)

Cliquez sur + Blogger.

Ensuite allez sur Mise en page, puis déplacez votre widget sur la colonne de votre choix. Quand vous l'aurez positionné, modifiez le et regardez ceci :

fb:fan connections="x" width="y" profile_id="110083063877" stream="z"

Vous pouvez remplacer x par le nombre de fan que vous voulez faire apparaitre (je vous recommande un nombre paire pour un meilleur affichage), y par la largeur de votre colonne en pixel, et par 0 ou 1 pour afficher ou nom le stream (le fil d'actualité).

Voici d'autre option

css : Votre propre feuille de style pour le widget
height : hauteur du widget en pixel

Vous pouvez aussi enlever le lien en petit en dessous sans brusquer le widget (par "Format RTF")

J'espère que ça vous aura servi !

Vous pouvez retrouver Mathieu sur son blog The Geek Station où il se fera un plaisir de répondre à vos questions et vous faire découvrir son univers pas comme les autres. Pour s'abonner à son blog, cliquez sur le lien suivant : http://feeds2.feedburner.com/TheGeekStation

Créer une bannière avec menu en images cliquables grâce à GIMP

noreply@blogger.com (Rodney SANKINKA) — Fri, 02 Oct 2009 15:53:00 +0000

Ceci est article de Phil du blog Coccxyphil.

Salut à tous, voici un petit tuto qui vous permettra d’avoir une bannière avec un menu en images cliquables en son sein. Mise à part le temps passé pour la création de l’image, il ne faut pas s’inquiéter pour la taille du mode d’emploi : en fait, il m’a fallu beaucoup moins de temps pour mettre mon menu sur orbite que pour faire le tuto …

Avant de commencer : attention, l’image doit bien entendu être compatible avec la « largeur » du blog (ici 980px pour le blog et l’image) !! Faites donc vos réglages au préalable, sinon : problèmes …

Pour réaliser cette astuce, il est important de posséder l’éditeur d’image GIMP (vous pouvez le télécharger ici).

1/ Préparer l’image avec gimp, les calques pour les zones de textes, etc …

- Quand vous avez fini la conception de votre image, dans un premier temps enregistrez-le au format « GIMP » : voir « Enregistrer sous », au bas, développer « sélectionner le type de fichier » à choisir IMAGE GIMP XCF

Vous aurez ainsi tout loisir pour rajouter plus tard des menus sans reprendre tout à zero …

- Ensuite, la réenregistrer au format plus habituel jpg …

Cela donne, par exemple, pour ma bannière (J’ai préparé les différents titres qui deviendront plus tard mes menus de navigation…)

2/ Se connecter dans BLOGGER

Aller sur « Mise en page » puis « Modifier » l’en tête pour mettre l’image au format jpg dans la bannière du blog …

Pour cela, après avoir cliqué sur « modifier » pour le widget en-tête, dans la pop-up qui s’ouvre, choisir :

à Importer une image

à Substituer au titre et à la description

3/ Affichez vote blog

Vous avez maintenant une belle bannière (qui ne sert encore qu’à faire beau). Récupérez l’adresse de cette image. La noter … (par exemple, avec Firefox, faire « copier l’adresse de l’image », puis collez l’adresse dans un fichier Word, wordpad ou notepad.

L’url en question aura cette forme :

http://1.bp.blogspot.com/_dbI1dBfeX2s/SsJhhLycgsI/AAAAAAAAIbs/ZaZap-UFsnk/S1600-R/blanc.jpg

Cette adresse vous servira plus tard.

4/ Maintenant, reprendre notre image sauvegardée sous format GIMP :

Puis, aller dans les menus filtre>>web>>image cliquable

Vous verrez une nouvelle fenêtre apparaître, dans laquelle vous allez créer vos menus :

Sur la gauche, en fonction de ce que vos voulez faire, choisir zone rectangulaire, ou ronde, …

Sélectionnez votre première zone cliquable avec la souris, vous verrez une nouvelle fenêtre apparaître. Cochez « site web » (vous pouvez adapter au besoin : messagerie, …)

Mettez l’URL de la page vers laquelle sera dirigé le visiteur après avoir cliqué sur le nom du menu. Ajoutez éventuellement un texte alternatif …

Faire appliquer, valider, et recommencer de même avec toutes les zones que l’on veut rendre « cliquable » … Attention à ce qu’elles ne se chevauchent pas.

Voilà, c’est presque prêt …

Quand tout est prêt, faire « enregistrer sous » … GIMP propose d’enregistrer le plan de l’image sous le nom « nomdevotreimage.jpg.map » à remplacer par « nomdevotreimage.txt »

5/ Maintenant, ouvrir ce fichier texte …avec le bloc-notes

Chez moi, ça donne (j’ai raccourci) :

<img border="0" usemap="#map" width="980" src="MONDEVOTREIMAGE.JPG" height="300"/>

<map name="map">

<!-- #$-:Image map file created by GIMP Image Map plug-in -->

<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->

<!-- #$-:Please do not edit lines starting with "#$" -->

<!-- #$VERSION:2.3 -->

<!-- #$AUTHOR:phil -->

<area shape="rect" coords="826,61,875,83" alt="Retour à l&apos;accueil" href="http://coccxyphil.blogspot.com/"/>

ETC … ETC …

</map>

Il faut remplacer l’adresse de l’image donnée par GIMP ci-dessus EN ROUGE par l’adresse copiée au point 3, soit l’adresse réelle de votre bannière sur votre blog :

<img border="0" usemap="#map" width="980" src=" http://1.bp.blogspot.com/_dbI1dBfeX2s/SsJhhLycgsI/AAAAAAAAIbs/ZaZap-UFsnk/S1600-R/blanc.jpg

" height="300"/>

ETC … ETC …

Tout est prêt …

Voilà pour exemple, la totalité du fichier de mappage pour notre site, à copier puis à coller dans blogger, avec la bonne adresse pour l’image :

<img border="0" usemap="#map" width="980" src=" http://1.bp.blogspot.com/_dbI1dBfeX2s/SsJhhLycgsI/AAAAAAAAIbs/ZaZap-UFsnk/S1600-R/blanc.jpg

" height="300"/>

<map name="map">

<!-- #$-:Image map file created by GIMP Image Map plug-in -->

<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->

<!-- #$-:Please do not edit lines starting with "#$" -->

<!-- #$VERSION:2.3 -->

<!-- #$AUTHOR:phil -->

<area shape="rect" coords="826,61,875,83" alt="Retour à l&apos;accueil" href="http://coccxyphil.blogspot.com/"/>

<area shape="rect" coords="852,105,938,135" href="http://coccxyphil.blogspot.com/search/label/N%C3%A9pal?max-results=5"/>

<area shape="rect" coords="872,158,949,190" href="http://coccxyphil.blogspot.com/search/label/Italie?max-results=5"/>

<area shape="rect" coords="818,217,928,245" href="http://coccxyphil.blogspot.com/search/label/Espagne?max-results=5"/>

<area shape="rect" coords="15,217,103,243" href="http://coccxyphil.blogspot.com/search/label/Vercors?max-results=5"/>

<area shape="rect" coords="118,220,230,242" href="http://coccxyphil.blogspot.com/search/label/Chartreuse?max-results=5"/>

<area shape="rect" coords="250,222,371,244" href="http://coccxyphil.blogspot.com/search/label/Belledonne?max-results=5"/>

<area shape="rect" coords="383,224,521,243" href="http://coccxyphil.blogspot.com/search/label/Ailleurs?max-results=5"/>

<area shape="rect" coords="539,223,607,243" href="http://coccxyphil.blogspot.com/search/label/Vid%C3%A9os?max-results=5"/>

<area shape="rect" coords="619,221,667,243" href="http://coccxyphil.blogspot.com/search/label/jeux?max-results=5"/>

<area shape="rect" coords="680,221,774,245" href="http://coccxyphil.blogspot.com/search/label/Trombino?max-results=5"/>

<area shape="rect" coords="129,257,257,285" href="http://coccxyphil.blogspot.com/search/label/Topo%20rando?max-results=5"/>

<area shape="rect" coords="285,261,427,288" href="http://coccxyphil.blogspot.com/search/label/Topo%20escalade?max-results=5"/>

<area shape="rect" coords="461,262,565,290" href="http://coccxyphil.blogspot.com/search/label/Paratruc?max-results=5"/>

<area shape="rect" coords="597,264,703,288" href="http://coccxyphil.blogspot.com/search/label/Grimpe?max-results=5"/>

<area shape="rect" coords="69,9,800,197" href="http://coccxyphil.blogspot.com/"/>

</map>

6/ Connectez-vous à nouveau sur votre compte blogger,

Allez sur « Mise en page », « modifier le code html », puis cochez la case « développer les modèles de gadgets ». Faites une sauvegarde de votre modèle complet, au cas où …

Chercher :

</a>

</div>

Remplacez tout ce qui est en rouge par le code de mappage que vous venez de créer …

Enregistrez … Le tour est joué !

Allez sur votre blog : un beau menu qui marche ! Bien ça J

Ça fonctionne sur notre blog : http://coccxyphil.blogspot.com Et je viens de créer un blog test avec les mêmes images pour faire les copies d’écran, même résultat …

A+

Vous pouvez retrouver Phil sur son blog Coccxyphil, où il se fera un plaisir de répondre à vos questions et vous faire découvrir son univers pas comme les autres. Pour s’abonner à son blog, cliquez sur le lien suivant.

Milles excuses

noreply@blogger.com (Rodney SANKINKA) — Fri, 02 Oct 2009 15:18:00 +0000

Chers lecteurs,

Milles excuses pour le désagrément causé par les dernières publications. J'avais oublié de paramètrer les articles par mail afin qu'ils ne s'enregistrent qu'en mode brouillon avant que je ne les valident. Pardon d'avoir reçu cet e-mail d'un escroc qui s'est jété le premier pour faire du hameçonnage sur mon blog.

Encore milles pardon pour le désagrément.

Image:
ou URL: