On fait le bilan, calmément...

By // 12 commentaires:



Aujourd*'hui, en voulant écrire cet artile, je me suis souvenus de cette chanson de Jackie et Ben-J, "Le bilan". On y dit à peu près ceci : "le temps est passé, beaucoup des choses ont changés, qui aurait pu s'imaginer que le temps serait si vite écoulé. On fait le bilan, calmément, se rappelant chaque instant, parler d'histoire d'avant comme si on avait 50 ans".

Ce 31 décembre 2008, Blogger au bout du doigt aura 1/2 demi très exactement. Le temps est peut être venu de faire un petit bilan pour l'année 2008.

Lancé sur la scène à cause d'une envie de faire un plus grand écho de mon nom (hé oui, c'est ça l'homme, il ne peut se contenter de jouer un petit rôle sur cette terre) et pour l'utiliser comme cobaye des astuces à même d'améliorer la visibilité de mon premier blog (tâche à laquelle je vais m'atteler l'année prochaine), Blogger au bout du doigt a fait du chémin et est arrivé là où je ne l'attendais pas vraiment.

Tout ça, c'est à cause de vous. Vous l'avez trouvé au cours de l'une de vos divagations sur le net (ou après en avoir entendu parlé), vous l'avez aimé et vous y êtes attachés depuis lors. Cette chaleurese attention portée au blog, m'avait donné un millier de potion magique (un peu comme dans Asterix 2) et m'avait fait pousser les ailes au point où j'ai vite revêtu la tunique du premier super héros venu d'Afrique, cherchant le code source du monde pour ne plus trop voir les larmes sur les joues de miens, larmes produites par la connerie humaine dont mon pays semble être devenu le champ d'experimentation.

Vos commentaires, vos petits mails et autres m'ont amener à considérer certains d'entre vous comme des voisins de pallier, tant nos échanges semblent être ceux des personnes ayant déjà construit une solide relation en dehors du monde virtuelle. Les petits Coucou avec Anne, les parlottes avec Michèle, les clin d'oeil de Lise, de Feufol, de Marc, de Yves collignons pour ne citer que ceux là, ont souvent remis un petit sourire sur mon visage quand la journée avait été mal amorcée.

J'aimerais exprimer ma gratitude envers Link qui a créer la bannière de ce blog et MisterAir qui a dessiné la mascotte du blog (et comblé le vide de publication certaines fois).

Je remercie spécialement Marie Bo, du blog Maigrir autrement qui, à partir de Montréal (le monde est petit), avait eu la gentillesse de recevoir pour moi les paiements que me devait Ebuzzing pour me le transferer ici au pays (mon compte paypal ne peut qu'envoyer de l'argent et mon compte bancaire qui n'a pas d'IBAN a 16 chiffres, 1 de plus que celui du formulaire Ebuzzing, bouuuhhh).

Je la remercie encore particulièrement pour le Laptop qu'elle a eu l'amabilité de m'offrir. La poste étant au coma ici (ils n'ont jamais reçu les courier que m'a envoyé Google adsense) et vu que les services de fret internationaux coutênt les cheveux de la tête, elle avait bien voulu me le faire transiter par mon Tonton du Michigan aux USA. Merci encore Marie Bo. C'est qui est drôle dans tout ça, que je n'ai jamais vu jusqu'à ce jour même un avatar de ta personne. Si tu m'envoyais ne fut-ce qu'une photo par mail, ça ne sera pas un péché.

Et merci à vous tous qui m'avez supporté même quand je n'avais pas été en mesure de donner une réponse satisfaisante à votre préoccupation ou quand je n'avais même pas publier votre commentaire ou l'avait publié sans jamais y répondre (j'ai 132 commentaires à modèrer pour ce blog). Le fait que vous soyez quand même resté abonné à ce blog m'a beaucoup touché (un clin d'oeil à la petite Mélusine, une Russe à Paris et Mohammed).

Parlant des abonnés, à la fin de l'année 2007, les compteurs feedburner affichait 107 abonnés aux fil-rss et à la newsletter. A ce jour, mon compte affiche 456. Le blog a donc eu une moyenne d'un nouveau abonné par jour pendant l'année 2008.

Le nombre d'article est passé au dessus de la barre de 400. Le nombre de visiteurs par jour est aussi monté en flèche, surtout après le mois de juin, passant d'une centaine par jour au début de l'année à une moyenne dépassant le 450 visiteurs uniques par jour. Certains jours nous avons même largement dépassé le nombre de 627 (le total pour premier mois de vie de ce blog). Ceci a fait qu'on a eu plus de 100.000 uniques visites au cours de l'année.

Le nombre des pages vues s'est stabilisé à une moyenne qui dépasse le 1000 par jour. Il faut croire que j'écris bien, même avec mes fautes d'orthographes et de grammaire, vous revenez quand même dès qu'il y a une nouvelle publication.

J'aimerais signaler à PelOmar que le blog a depassé le 500 liens récoltés pendant une période de 6 mois ce qui m'aurait valu d'entre dans l'A-list Blogger, liste des Bloggeurs le plus influents de la planète, si l'algorithme n'avait été changé depuis peu. J'espère que le blog atteindra quand même le top du podium au cours du premier semestre de l'année prochaine.

Merci à ceux qui ont rejoins le groupe des fans du blog sur Technorati, Mybloglog, et Blog catalog.

Le groupe des fan du Blog sur Facebook a été lancé au début du mois. Rejoignez-nous.

Laissez-moi profiter de cette occasion pour vous souhaiter à tous mes meilleurs voeux pour la nouvelle année 2009, que mon Dieu vous comble de grâce et daigne vous faire miséricorde (même si vous êtes actuellement athé ou en opposition avec moi sur mes positions doctrinales et réligieuses).

Bonne année 2009 à tous et n'oubliez surtout pas de faire de très grands rêves pour l'avenir (ben, si vous croyez vraiment quie ça ne sera que des rêves, ne vous empêchez pas d'en faire des grands).

@+

Bouton animé pour indiquer le téléchargement de la page

By // 9 commentaires:
Chers lecteurs, vous avez du remarqué que depuis un temps je suis en hibernation. Rien de bien grave de mon côté, juste qu'il me fallait faire une pose sur un tas des choses. je crois que nous reprendrons notre rythme normal au cours de la première semaine du mois de janvier. En attendant, voici une petite astuce qui peut intéresser certains ici.

Je crois qu’il vous est déjà arrivé de voir sur un site ou un blog quelconque, un petit cercle qui semble tourné et qui indique que la page est entrain d’être téléchargée. Ceux qui utilisent Mozilla comme moi, savent de quoi je parle, puisque ce navigateur a ce genre de fonction.

Le code que je vais vous proposer ici, une astuce d’Amanda, vous permettra d’insérer un petit bouton similaire dans votre blog (pas du tout ennuyant comme la fléchette pour remonter vers le haut de la page).

Pour l’insérer, il vous suffit :

1. De vous connecter à votre compte Blogger. D’aller sur “ Mise en page ”, puis sur “ Modifier le code html ” et trouver la balise <body> .

2. Remplacer celle-ci par le code suivant :

<body onLoad='init()'>
<span id='loading' style='position:absolute; text-align: center; top:10px; right: 10px;'><img border='0' src='http://bloggerbuster.com/images/loading.gif'/></span>
<script>
var ld=(document.all);

var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;

if (ns4) ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;

function init() {
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}
</script>

Enregistrer votre modèle et le tour est joué.

Si vous voulez mettre une autre image à la place de celle qui est dans le code, trouver la ligne suivante et remplacer l’url par la votre.

<span id='loading' style='position:absolute; text-align:center; top:10px; right: 10px;'><img border='0' src='http://image-host.com/votre-image-de-telechargement.gif'/></span>


Vous pouvez trouver un autre style de bouton sur Ajaxload et sur Sanbaldo.com

Vous pouvez aussi ajouter un texte du genre “ téléchargement ” à votre icône en le mettant à l’endroit indiqué dans le code suivant :

<span id='loading' style='position:absolute; text-align:center; top:10px; right: 10px;'>Téléchargement...<img border='0' src='http://image-host.com/votre-image-de-telechargement.gif'/></span>

@+

Ajouter des étoiles de cotations pour articles

By // 16 commentaires:

Depuis quelques mois, Blogger avait introduit la possibilité d’ajouter des étoiles permettant aux lecteurs de coter les articles d'un blog quelconque hébergé sur la plate-forme.

Pour l’avoir sur son blog, il suffit de se rendre sur “ Mise en page ”, cliquer sur modifier pour l’élément “ Message de Blog ” (généralement au milieu et le plus grand de tous les éléments). Vous verrez dans la pop-up qui s’ouvrira la possibilité de cocher à côté des 5 étoiles pour les voir apparaître sur votre blog. N’oubliez pas de cliquer sur “ Enregistrer les modification ”.

Toutefois, si après avoir fait cela, les étoiles n’apparaissent pas sur votre blog, il vous faut aller sur “ Modifier le code html ” et là, cochez sur “ Développer des modèles de gadget ”.

1. Trouver la ligne de code suivante :

<div class='post-footer-line post-footer-line-1'>

ou trouver celle-ci :

<p><data:post.body /></p>

2. Juste après cette ligne de code (celle que vous aurez trouvé), mettez le code suivant :

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

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
</b:if>
</span>

</b:if>

Ainsi, les étoiles apparaîtront seulement sur les pages d’articles. Si vous voulez que les étoiles apparaissent sur toutes les pages (accueil, libellés, archives), enlevez la première et la dernière ligne du code.

3. Ensuite, trouver cette ligne (un peu plus en bas) :

<b:include name='nextprev'/>

4. Après cette ligne, ajouter celle-ci :

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1");
function initialize() {
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

5. Enregistrer votre modèle et aller voir le résultat.

Une astuce de Blogger Buster.

@+

Afficher les articles important en slideshow

By // 9 commentaires:

wordpressthemeAprès avoir vu comment faire défiler de droite à gauche les images cliquables pointant vers des articles importants, laissez moi vous présenter une autre technique pour afficher les articles important en slideshow avec résumé de ceux-ci.


Vous pouvez voir une démonstration de ce dont je parle ici : http://user-online.blogspot.com

Si vous êtes intéressé par ce slideshow, voici comment procéder pour l’avoir sur votre blog :

Collectionner les images à utiliser et hébergez-les dans un serveur quelconque (Google Pagecreator, Photobucket, etc.). Ensuite, prenez les urls (liens) vers ces images et sauvegardez-les dans un fichier quelconque.

Il est préférable de ne pas avoir plus de 5 images, histoire de ne pas ralentir le chargement du slideshow. Ces images ne doivent pas dépasser 500x200 pixels.

2. Collectionner les urls (liens) vers les articles où les images vont renvoyer.

3. Remplacez les données du code ci-après selon ces instructions :

a. Mettez à la place de Titre 1 et similaires les différents titres de vos articles
b. Mettez à la place de Description 1 et similaires les petites descriptions pour chacun de vos articles
c. Mettez à la place de htt://urldelarticle1.com et similaires les liens vers vos articles
d. Mettez à la place de http://urldelimage.com1 et similaires les liens vers les images illustratives des articles. Vous remarquerez qu’il faut répéter à deux fois l’url de la même image. La première c’est pour que l’image s’affiche en entier et la deuxième s’est pour un petit aperçu.


<div id="myGallery">

<div class="imageElement">
<h3>Titre 1</h3>
<p>Description 1!</p>
<a href="http://www.urldelarticle1.com" class="open" title="Lire la suite"></a>
<img src=" http://urldelimage.com1?imgmax=800" class="full"/>
<img src="http://urldelimage.com1?imgmax=800" class="thumbnail"/>
</div>

<div class="imageElement">
<h3>Titre 2</h3>
<p>Description 2!</p>
<a href=" http://www.urldelarticle2.com" class="open" title="Lire la suite"></a>
<img src=" http://urldelimage.com2?imgmax=800" class="full"/>
<img src=" http://urldelimage.com2?imgmax=800" class="thumbnail"/>
</div>

<div class="imageElement">
<h3>Titre 3</h3>
<p>Description 3</p>
<a href=" http://www.urldelarticle3.com" class="open" title="Lire la suite"></a>
<img src=" http://urldelimage.com3?imgmax=800" class="full"/>
<img src=" http://urldelimage.com?3imgmax=800" class="thumbnail"/>
</div>

<div class="imageElement">
<h3>Titre 4</h3>
<p>Description 4</p>
<a href=" http://www.urldelarticle4.com" class="open" title="Lire la suite"></a>
<img src=" http://urldelimage.com4?imgmax=800" class="full"/>
<img src=" http://urldelimage.com4?imgmax=800" class="thumbnail"/>
</div>

<div class="imageElement">
<h3>Titre 5</h3>
<p>Description 5</p>
<a href=" http://www.urldelarticle5.com " class="open" title="Lire la suite"></a>
<img src=" http://urldelimage.com5?imgmax=800" class="full"/>
<img src=" http://urldelimage.com5?imgmax=800" class="thumbnail"/>
</div>
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true
});
}
window.addEvent('domready', startGallery);
</script>
</div>

4. Mettez le code ci-dessus dans un widget Html/Javascript (en vous connectant à votre compte Blogger et allant sur “ Mise en Page ”. Là, sélectionner “ ajouter un nouvel élément ” et optez dans la pop-up pour Html/Javascript.)

5. Aller sur “ Modifier le code html ” et mettez les codes suivants, juste avant la balise </head>

<script src='http://javascripthost.com/s3/bin/jdgallery.js' type='text/javascript'></script>

<script src='http://javascripthost.com/s3/bin/mootoolsv111.js' type='text/javascript'></script>

6. Collez le code suivant juste avant la balise ]]></b:skin> :

Avant, changer dans la première ligne de code les éléments en rapport avec la taille du widget afin qu’il puisse bien s’insérer dans votre sidebar (où à l’endroit où vous allez le mettre). La largeur ici (width) est à 500px et la longueur (height : 200px).

Après avoir collé le code, enregistrez votre modèle.

#myGallery, #myGallerySet, #flickrGallery
{width: 550px;height: 200px;z-index: 5;}


#flickrGallery
{width: 500px;height: 334px;}


#myGallery img.thumbnail, #myGallerySet img.thumbnail
{display: none;}


.jdGallery
{overflow: hidden;position: relative;}


.jdGallery img
{border: 0;margin: 0;}


.jdGallery .slideElement
{width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat;background-position: center center;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWicwAyqsItNX94xtwcbFYJxS2eK3XB8P1E0ZRZyaj2SVCKIK7ewVbOgJ6FcMu6IRAHSlwCY5F9lT4dOqzcGJ0GyPME_9XuVXDNtmllcwihlxjUlBwkU9LepiESGhNStGvZ1rGGBMLnjk/?imgmax=800'); }


.jdGallery .loadingElement
{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000;background-repeat: no-repeat;background-position: center center;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWicwAyqsItNX94xtwcbFYJxS2eK3XB8P1E0ZRZyaj2SVCKIK7ewVbOgJ6FcMu6IRAHSlwCY5F9lT4dOqzcGJ0GyPME_9XuVXDNtmllcwihlxjUlBwkU9LepiESGhNStGvZ1rGGBMLnjk/?imgmax=800');}

.jdGallery .slideInfoZone
{position: absolute;z-index: 10;width: 100%;margin: 0px;left: 0;bottom: 0;height: 50px;background: #000;color: #fff;text-indent: 0;overflow: hidden;}


* html .jdGallery .slideInfoZone
{bottom: -1px;}

.jdGallery .slideInfoZone h2
{padding: 7px 10px 2px 10px;font-size: 12px;margin: 0;font-weight: bold;color: #ffffff;text-transform: uppercase;background: #111111;letter-spacing:0em;}

.jdGallery .slideInfoZone p
{font-size: 12px;margin: 2px 5px;color: #fff;padding: 0px 0px 0px 5px;font-family:arial;}

.jdGallery div.carouselContainer
{position: absolute;height: 135px;width: 100%;z-index: 10;margin: 0px;left: 0;top: 0;}

.jdGallery a.carouselBtn
{position: absolute;bottom: 0;right: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #000;color: #fff;cursor: pointer;}

.jdGallery .carousel
{position: absolute;width: 100%;margin: 0px;left: 0;top: 0;height: 115px;background: #000;color: #fff;text-indent: 0;overflow: hidden;}

.jdExtCarousel
{overflow: hidden;position: relative;}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{position: absolute;width: 100%;height: 78px;top: 10px;left: 0;overflow: hidden;}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{position: relative;}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{cursor: pointer;background: #000;background-position: center center;float: left;border: solid 1px #fff;}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{margin-bottom: 10px;}

.jdGallery .carousel .label, .jdExtCarousel .label
{font-size: 13px;position: absolute;bottom: 5px;left: 10px;padding: 0;margin: 0;}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{font-size: 10px;position: absolute;bottom: 5px;right: 10px;padding: 1px 2px;margin: 0;background: #222;border: 1px solid #888;cursor: pointer;}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{color: #b5b5b5;}

.jdGallery a
{font-size: 100%;text-decoration: none;color: inherit;}

.jdGallery a.right, .jdGallery a.left
{position: absolute;height: 99%;width: 25%;cursor: pointer;z-index:10;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;}


* html .jdGallery a.right, * html .jdGallery a.left
{filter:alpha(opacity=50);}


.jdGallery a.right:hover, .jdGallery a.left:hover
{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}


.jdGallery a.left
{left: 0;top: 0;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr0PWd0ANbVaNJTuoIn8HrrThI5b-O4pPswWUHVGHbX_evrbTR90AhnoLkfQK_ZtoI5beYTGQ0EWJZNeACIRafu664hP7jpLRezNiOdWyVh6UauM26m8l-nB-nOnMZqIkWWQE51xW2OGA/?imgmax=800') no-repeat center left;}


* html .jdGallery a.left { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr0PWd0ANbVaNJTuoIn8HrrThI5b-O4pPswWUHVGHbX_evrbTR90AhnoLkfQK_ZtoI5beYTGQ0EWJZNeACIRafu664hP7jpLRezNiOdWyVh6UauM26m8l-nB-nOnMZqIkWWQE51xW2OGA/?imgmax=800') no-repeat center left; }


.jdGallery a.right
{right: 0;top: 0;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkwnm9YcvUHXLNighYRbeUrgZGfDg9y-ZrjEe4bxcQDhej9id8Jd6OTd8bWAoNMbSbk4bEKsWxJ18l8ZKtVFz9eR_OZaNP2Jw8Vdq93NUg-oW9rImbz0x8gO1Kf0U6LhyNS6kdZYtjp8E/?imgmax=800') no-repeat center right;}


* html .jdGallery a.right { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkwnm9YcvUHXLNighYRbeUrgZGfDg9y-ZrjEe4bxcQDhej9id8Jd6OTd8bWAoNMbSbk4bEKsWxJ18l8ZKtVFz9eR_OZaNP2Jw8Vdq93NUg-oW9rImbz0x8gO1Kf0U6LhyNS6kdZYtjp8E/?imgmax=800') no-repeat center right; }

.jdGallery a.open
{left: 0;top: 0;width: 100%;height: 100%;}

.withArrows a.open
{position: absolute;top: 0;left: 25%;height: 99%;width: 50%;cursor: pointer;z-index: 10;background: none;-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

.withArrows a.open:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaonK5ISn60yqyHWl1MEo4tCTEKwOns6dQxpxZdmzIDNvz11zJowIJeKhFsIKxd_k7fd1oXFI7Vee4-O_6Q1-2spw5tUcPK9HuNl_v6oSDeeWBlMlZRCQkKvVv3uvCn5kHWLwTByP9Hlo/?imgmax=800') no-repeat center center; }


* html .withArrows a.open:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaonK5ISn60yqyHWl1MEo4tCTEKwOns6dQxpxZdmzIDNvz11zJowIJeKhFsIKxd_k7fd1oXFI7Vee4-O_6Q1-2spw5tUcPK9HuNl_v6oSDeeWBlMlZRCQkKvVv3uvCn5kHWLwTByP9Hlo/?imgmax=800') no-repeat center center;filter:alpha(opacity=80); }
/* Gallery Sets */


.jdGallery a.gallerySelectorBtn
{z-index: 15;position: absolute;top: 0;left: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #333;color: #fff;cursor: pointer;opacity: .4;-moz-opacity: .4;-khtml-opacity: 0.4;filter:alpha(opacity=40);}


.jdGallery .gallerySelector
{z-index: 20;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;}


.jdGallery .gallerySelector h2
{margin: 0;padding: 10px 20px 10px 20px;font-size: 20px;line-height: 30px;color: #fff;}


.jdGallery .gallerySelector .gallerySelectorWrapper
{overflow: hidden;}


.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{margin-left: 10px;margin-top: 10px;border: 1px solid #888;padding: 5px;height: 40px;color: #fff;cursor: pointer;float: left;}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{background: #333;}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{background: #000;background-position: center center;float: left;border: none;width: 40px;height: 40px;margin-right: 5px;}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{ margin: 0;padding: 0;font-size: 12px;font-weight: normal;}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{ margin: 0;padding: 0;font-size: 12px;font-weight: normal;color: #aaa;}


Une astuce de Blogspot Tutorials

@ +

Slideshow articles importants

By // 3 commentaires:
Voici un petit script trouvé chez Online Biz pour afficher en slideshow, quelques articles importants au choix. Le script fournis fera défiler des images cliquables de droite à gauche. Et quand la souris est sur une image, il y a une pause. Ce script est à mettre dans votre sidebar (barre latéralle). Voir un exemple ici.
  1. Aller dans votre compte Blogger. Cliquer sur " Mise en page " et cliquer sur " ajouter un nouvel élément " dans votre sidebar. Dans la pop-up qui va s'ouvrir, choisir " Html /Javascript "
 2. Collez-y le code suivant (ça se trouve ici). Puis retrouvez cette partie dans le code pris :  



leftrightslide[0]='<a href="http://urlarticleici.blogspot.com"><img src="imagearticleici1.gif" border=1></a>'
leftrightslide[1]='<a href="http://urlarticleici.blogspot.com"><img src="imagearticleici2.gif" border=1></a>'
leftrightslide[2]='<a href="http://urlarticleici.blogspot.com"><img src="imagearticleici3.gif" border=1></a>'
leftrightslide[3]='<a href="http://urlarticleici.blogspot.com"><img src="imagearticleici4.gif" border=1></a>'
leftrightslide[4]='<a href="http://urlarticleici.blogspot.com"><img src="imagearticleici5.gif" border=1></a>'


 
Mettez l'url dirigeant vers l'article et l'url de l'image illustrative aux endroits indiqués.


@+

Widget récents commentaires avec Feedburner

By // Aucun commentaire:


J'ai récemment découvert qu'il était possible d'avoir un widget "Récents commentaires" grâce à feedburner.
Pour cela, il suffit de créer un nouveau flux sur feedburner grâce au flux commentaires de votre blog.
Voici l'url du flux de commentaire de votre blog (remplacez "lenomdevotreblog" par le renseignement correspondant)

http://lenomdevotreblog.blogspot.com/feeds/comments/default?alt=rss


Mettez cette url dans la case appropriée après vous être connecté sur feedburner.com.



 Après avoir suivi les 2 autres étapes pour la création de ce nouveau flux et avoir reçu confirmation, rendez vous sur "Publicize".Cliquez sur Buzz boost sur la colonne droite. Choisissez le nombre des commentaires à afficher et s'il faut que le lien s'ouvre sur une nouvelle fenêtre (pas conseillé). Puis cliquer sur "activate" (ou save) et prenez le code html de ce widget et collez-le dans votre blog.


BuzzBoost Screenshot


Sinon, mettez l'url du flux que vous venez de créer dans le code suivant :

<script src="http://feeds.feedburner.com/souvcomment?format=sigpro" type="text/javascript"></script>

Ce widget est visible sur mon blog Souvenirs de prison.

@+
@ Blogger au bout du doigt. Fourni par Blogger.

SEO & REFERENCEMENT