Le Blogger du net : Astuces, widgets, conseils et tutoriels

Gagner de l'argent avec Bubblestat

2012-01-27T09:44:00.000+01:00

Voici un outil très intéressant pour ton blog ou ton site internet. Bubblestat® est un outil
gratuit de statistiques et de classement de sites web, mais pas seulement… Bubblestat® rémunère aussi ton trafic !!!

Ainsi, tu as en temps réel tes statistiques ( nombre de pages vues, de visiteurs actuellement,
sur une journée, une semaine …) affichées sur ton site.

Description :

* Qui visite votre site web (IP, reverse DNS, …) ;
* Quelles sont les pages en cours de visualisation classées par visiteur ;
* Quel est le pays de résidence de vos visiteurs ;
* Quels sont les sites qui vous envoient des visiteurs ;
* Quels sont les moteurs de recherche qui référencent votre site ;
* Quels sont les mots clés employés dans les moteurs de recherche
qui ont permis de trouver votre site.

De plus un système de publicité est possible à afficher sur votre site, lorsque
qu'il ya une visite votre site ou blog, vous gagnez :

* 30 % de commission sur le prix de vente pour un nombre d’impression
de messages publicitaires inférieur à 100 par jour ;
* 35 % de commission sur le prix de vente pour un nombre d’impression de
messages publicitaires inférieur à 500 par jour ;
* 40 % de commission sur le prix de vente pour un nombre d’impression de
messages publicitaires inférieur à 1000 par jour ;
* 45 % de commission sur le prix de vente pour un nombre d’impression de
messages publicitaires inférieur à 5000 par jour ;
* 50 % de commission sur le prix de vente pour un nombre d’impression de
messages publicitaires supérieur à 5000 par jour.

Le payout est de 30€ pour ce système de publicité.

WWW : Bubblestat

Note : n'oublier pas la solution pour récuperer votre argent en
tout sécurité

Gagner de l'argent sur internet Exoclick.com - Regie Publicitaire

2011-11-16T14:53:00.006+01:00

Créée en 2007, ExoClick est une régie publicitaire espagnole, également présente en France et aux États-Unis. Néanmoins, elle s’ adresse aux annonceurs et éditeurs de partout à travers le monde . Elle se spécialise dans la rémunération à l’ affichage et au clic, et propose un seuil de paiement minimal établi à 20 €.

Les commissions sont versées chaque semaine via Paypal, ePassporte, virement bancaire ou chèque.
Découvrez comment générer plus de gains grâce à vos sites et vos domaines.

Nous rentabilisons tous vos espaces publicitaires, dans tous les pays et dans toutes les catégories. Commencez dès maintenant.

Placé nos bannières publicitaires sur vos pages et commencez à gagner de l'argent instantanément. Vous êtes payé pour chaque clic.

Les bannières sont disponibles en de multiples formats et sont 100% customisables.
Faites la promo d'ExoClick.com auprès d'autres webmasters et recevez 5% des gains de vos filleuls à vie.

WWW : EXOCLIK.COM

Générateur Codes HTML des couleurs

2011-11-06T09:53:00.000+01:00

La couleur est très important pour concevoir un blog.
Mais pour trouver une couleur de fond ou du texte ou de tableau n'est pas si simple que ça...

Bref avec les codes de couleur HTML, vous pouvez définir la couleur de fond du site, la couleur du texte et beaucoup plus.

Grâce à cette dynamique de codes de couleur HTML graphique, vous pouvez obtenir des codes pour les couleurs de base.

Cliquez sur une couleur pour obtenir son code de couleur HTML:

Ajouter un bouton en haut de page à blogger

2011-10-26T14:16:00.003+02:00

Voici une petite astuce qui va vous permettre d’ajouter un bouton "Haut de page" dans votre blog Blogger.

Une icône "Haut de page" est présente en bas à droite de ce blog

Connectez-vous à votre tableau de bord Blogger et accédez à

Présentation >> Éléments de la page >> Ajouter un gadget >> HTML / JavaScript

Et collez le code suivant :

<a href="#">
<img src="http://3.bp.blogspot.com/-0n5S-k3sMYQ/Tqf5ev8T00I/AAAAAAAASu0/pLireT_l3bM/s400/Back2Top_2.jpg"
alt="Haut de page"
title="Haut de page"
style=" display: scroll;
position: fixed;
bottom: 5px;
right: 5px;" />
</a>

AUGMENTER VOTRE TRAFIC AVEC SCOOPAD!

2011-10-24T17:41:00.001+02:00

ScoopAD.com est un site digg-like (social bookmark) permettant aux visiteurs de consulter, proposer et voter pour des actualités et vous aider à trouver l'actualité qui vous intéresse, les news et les derniers ScoopAD.com est un digg-like généraliste avec pour thèmes principaux : culture, gratuit, insolite, internet, loisirs, people, sciences, shopping, société...

ScoopAD.com n'est pas seulement un site digg-like. Car avec ScoopAD, vous pouvez publier gratuitement et faire la promotion pour votre propre site et blog.

Avec ScoopAD.com vous augmentez le trafic web en direction de votre blog / site et en plus vous gagnez de l'argent grâce au programme partage de revenus publicitaires.

ScoopAD c'est comme Scoopeo, wikio ou encore Digg-France mais avec le partage de revenus en plus.

WWW : ScoopAD.com

Afficher vos Messages populaires pour Blogger avec l animation Cube 3D

2011-10-18T16:45:00.002+02:00

Nouvelle façon de presenter vos Messages les plus consultés avec une animation Cube 3D.

Animation Cube 3D

Maintenant, vous pouvez afficher vos Messages populaires pour Blogger avec l'animation 3D Cube.

Ce widget affiche les images des message sous forme de cube.

Vous pouvez voir le résultat comme l'image ci-dessus, Regarder ICI

Le script est très facile à installer, il suffit de mettre le script dans un nouveau gadget HTML :

• Se connecter à Blogger et naviguez jusqu'à Presentation - Éléments de la page
• Cliquez sur "Ajouter le gadget" et choisissez "Messages les plus consultés" (Si vous avez déjà ce gadget sauter cette étape)
• Après avoir Gadget Messages les plus consultés "Ajouter le gadget" et sélectionnez "HTML / Javascript»
• Copier le script dans le gadget juste dessous.

Le Script à copier CSS :

<style type="text/css">
.cube { width: 200px; height: 200px;}
a img { border: none; }
#linksCube img { width: 100%; height: 100%; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
$('.popular-posts ul').abupopularcube();
});

</script>
<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/popularcube.js"></script>

Comment créer une page archive avec effet accordéon pour Blogger

2011-10-18T16:32:00.000+02:00

Je vous explique comment créer une page archive avec effet Accordéon horizontale pour Blogger.

L'effet d'accordéon est très bonne parce qu'il cache un certain nombre d'articles et montrent une partie des articles rangés par libellés.

Maintenant, je vais partager avec vous la méthode de l'effet d'accordéon pour Blogger. dont vous pouvez utiliser sur votre blog facilement pour presenter les archives de tous les articles classés par libellés.

Voici un exemple de page Archives : ICI

Caractéristique du script à ajouter :

1.Effet Accordion
2.Show et se cacher
3.CSS 3
4.ajouter Automatiquement jquery
5.Different couleurs pour le contenu
6.Ajouter Nouveau! pour 10 articles les plus récents

Comment utiliser est très facile :

A/ Créer une page statique ou article "ARCHIVES".

B/Placez le script en mode HTML sur votre page :

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link> <script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script> <script src="http://www.lebloggers.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script> <script type="text/javascript"> var accToc=true; </script> <script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

c/ Remplacer www.lebloggers.blogspot.com par votre URL de blog.

Comment créer une page archive pour Blogger ?

2011-10-17T11:34:00.005+02:00

Suite à une demande par mail, je vais donner à chacun le script HTML

pour créer une page archives pour Blogger avec un style CSS.

Créer une page statique ou un message sous un style table des matiére.

Voici un exemple sur le blog : ICI

Placez le script en mode HTML sur votre page :

<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" /> <script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script> <script src="http://MONBLOG.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Remplacer http://MONBLOG.blogspot.com par votre nom de votre blog.

DEMO

Améliorer votre visibilité sur Google News

2011-09-26T15:29:00.000+02:00

Google News

Google News permet désormais aux éditeurs américains d’insérer un nouveau tag baptisé « standout » en balises « Titre » dans leurs articles afin d’améliorer la visibilité de leurs contenus sur la plateforme d’actualités de Google.

Concrètement, les éditeurs en ligne et les entreprises de presse aux Etats-Unis peuvent afficher jusqu’à 5 liens sur Google News, en introduisant au préalable « Editor’s Pick ».

Suivant les critères de qualité sur la base desquels Google News sélectionnent les articles à mettre en évidence sur sa plateforme, les « reportages originaux, les enquêtes approfondies, les scoops et exclusivités » seront privilégiés.

A noter que pour plus d’efficacité, ce tag devra être utilisé au moins 7 fois par semaine.

Application officielle Blogger Pour iPhone et iPod Touch

2011-09-09T11:41:00.003+02:00

Google vient de lancer la première application officielle Blogger pour iOS, quelques jours après la mise à jour de l'interface de sa plateforme de blogs. A l'image de la version actuelle pour Android, elle propose des fonctionnalités simples pour gérer et animer son/ses blog(s) Blogger.

Application officielle Blogger Pour iPhone et iPod Touch

La nouvelle application Blogger pour iOS (3.2 et supérieur) ressemble trait pour trait à l'application officielle disponible pour Android. Pas de zèle donc, mais des fonctionnalités basiques, qui devraient faire gagner du temps aux mobinautes bloguant depuis depuis iPhone, iPod Touch.

L'application supporte la gestion de plusieurs blogs et comptes bloggers, la composition de texte en plusieurs langues (même si l'interface est pour l'heure en anglais), la publication bien sûr (textes et images), l'ajout de libellés ou encore le géotaggage des messages.

Elle permet en outre de sauvegarder des brouillons, et de visualiser rapidement la liste des messages selon leur statut (sauvegardés ou publiés).

Télécharger l'application officielle Blogger pour iOS

Fonctionnalités :
•Sélectionner un blog ou un compte si vous en avez plus d’un

•Inclure des images de la photothèque iPhone ou en prenant une photo directement depuis l’application

•Ajout d’étiquettes

•Ajout d’informations de localisation

•Sauvegarder le post en brouillon ou le publier

•Voir la liste des des posts en brouillon ou publiés

Note : L’application n’est pas encore compatible iPad.

Templates pour la version Mobile de votre Blogger

2011-07-27T11:37:00.001+02:00

Blogger permet maintenant de choisir un Template parmi 7 modèles qui sera utilisée uniquement dans la version mobile de votre Blog.

Pour avoir les Templates pour la version Mobile de votre Blogger :

Se connecter à Blogger via Blogger Draft
Aller dans la partie Modèle
Et là vous trouverez l'option Mobile et l'activer

Picasa et Blogger vont changer nom‎

2011-07-07T09:33:00.000+02:00

Selon Mashable, Google est déterminé à modifier les noms des services qui justement n'intègrent pas Google dans leur nom. Parmi eux, il y a Picasa et l'outil de création de blogs, Blogger.

Le premier deviendrait ainsi Google Photos, tandis que le second prendrait le nom de Google Blogs.

L'objectif est de renforcer la marque Google, et de surtout mieux les intégrer à Google+, le nouveau service phare de la marque. Notez d'ailleurs qu'il ne s'agit pas d'une première. Ainsi, JotSpot, racheté en 2006, est devenu quelques mois plus tard Google Sites, tandis que la solution de VoIP GrandCentral s'était transformée en Google Voice.

En revanche, année après année, un service est parvenu à résister à cette politique de marque : YouTube, qui a même réussi l'exploit de faire disparaître Google Videos.

Ajouter Slide Show dans ton blog blogger

2011-06-27T14:54:00.004+02:00

Dans ce message, je vais vous montrer comment utiliser et insérer une Slider FeatureContent pour les modèles Blogger.

Maintenant, le code javascript permet au blogueur afficher automatique tous les messages dans un slider d'un label ou libellé.
Ce tuto utilise deux javascripts un pour obtenir les messages à partir d'un label ou libellé spécifique et l'autre pour la rotation du contenu : Content Slider vedette v2.4

1- la première étape :

Mettez ce code ou le script pour les message par étiquette ou libellé avant </head>

<script>
/* Script from:http://simplexdesign.blogspot.com/ */
imgr = new Array();
imgr[0] = "http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 140;

numposts1 = 5;
label1 = "Featured";
function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split("")[0];break}}

if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
}}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<div class="contentdiv"><div class="sliderPostPhoto"><a href="'+posturl+'"><img width="590" height="240" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="featuredPost"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><span>'+daystr+'</span><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';
document.write(trtd);
j++;
}}
</script>

Vous pouvez modifier ce code, selon votre besoin

summaryPost = 140; -> le nombre de caractère en résumé
des messagesnumposts1 = 5; -> nombre de messages

et, la taille de vos images

width="590" height="240"

2- La second étape :

Mettez ce script pour curseur de contenu avant </body>

<script src='http://dl.dropbox.com/u/12924430/contentslider.js'></script>
<script>
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
enablefade: [true, 0.5], //[true/false, fadedegree]
autorotate: [true, 6000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>

3 - La troisième étape :

Trouvez ce code <div id='main-wrapper'> et de mettre ce code par la suite.

<b:if cond='data:blog.pageType == "index"'>
<div id='featured'>
<div class='sliderwrapper' id='slider1'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</div>
<div class='pagination' id='paginate-slider1'>
</div>
</div>
</b:if>

4- La quatrième étape :
Ajouter de style pour «curseur contenu» avec du CSS.
Mettez ce code avant ]]></b:skin>

#featured{margin-bottom:35px}
.sliderwrapper{position: relative;overflow: hidden;border: 10px solid #dedde5;border-bottom-width: 6px;height: 250px}
.sliderwrapper .contentdiv{background:#68667B;visibility: hidden;position: absolute;left: 0;top: 0;padding: 5px;height: 100%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.pagination{text-align: right;background-color:#dedde5;padding: 2px 10px 10px}
.pagination a{font-size:11px;color:#dedde5;padding: 0 5px;background:#68667B}
.pagination a:hover, .pagination a.selected{color:#68667B;background-color:#fff}
.featuredPost{width:95%;padding:5px 10px 10px;background:#68667b;background:rgba(104, 102, 123, 0.9);color:#dedde5;position:absolute;bottom:0}
.featuredPost a{color:#fff}
.featuredPost a:hover{color:#dedde5}
.featuredPost h2{margin:0;font-size:16px;line-height:1}
.featuredPost span{font-size:10px}
.featuredPost p{font-size:11px}

Vous devez régler à nouveau le code, en fonction de votre modèle

5- La dernière étape :

- Créer un nouveau article et lui donner l'étiquette ou libellé « Featured ».

- L'image utilisée est de taille de 590x240 pixels par défaut.

-Regardez la première étape si vous avez besoin de modifier ou changer l'étiquette ou libellé ( Label) « Featured » par votre libéllé de votre choix dans la premiére étape pour avoir dans votre slider les messages ou articles du libéllée de votre choix.

Nouveau moyen de paiement Kwixo

2011-06-23T20:20:00.000+02:00

Découvrez le nouveau moyen de paiement
simple, rapide et sécurisé de Kwixo !
Avec Kwixo, découvrez un nouveau mode de paiement pour toutes vos transactions en ligne. Réglez vos achats sur Internet et envoyez de l’argent aux personnes de votre choix en toute simplicité.

Kwixo offre de multiples avantages à ses clients parmi lesquels:

Envoi d'argent entre particuliers

Envoyez ou recevez de l’argent en toute simplicité.
-Sécurisation de vos identifiants
-Identification renforcée
-La caution d’une référence bancaire
-Lutte contre le phishing

Paiement en ligne

Réglez vos achats sur Internet avec Kwixo. -Recevez et vérifiez vos commandes avant de les payer, en EXCLUSIVITE, avec le service Paiement après réception.
-Achetez sur Internet comme dans n’importe quel magasin. Avec le service « Paiement après réception », vous ne payez votre article que s’il est conforme à vos attentes.

Soyez mobile !

Kwixo vous accompagne dans la vie de tous les jours grâce à ses services pour mobile et à son application iPhone.
Plus aucune contrainte !
Vous êtes libre de gérer vos transactions quand vous voulez grâce à l'application iPhone et au site mobile

Pour plus d'informations : www.kwixo.com

Ajouter Le bouton de partage +1 de Google

2011-06-21T10:59:00.000+02:00

Google a lancé son bouton de partage +1 aujourd’hui. Ce bouton est destiné aux éditeurs web qui peuvent maintenant l’ajouter sur leurs sites web.
Google +1 a des implications énormes. Le numéro +1 sur une page serait utilisé comme un paramètre pour décider du classement de la page web sur les pages de résultat de recherche de Google. Rien que pour cette raison, on devrait voir ce bouton apparaître sur tous les sites web.

La video de presentation du bouton de partage +1 de Google :

Je vous expliquerai comment vous pouvez l'ajouter à votre modèle Blogger afin que vos lecteurs puissent voter à vos article pour améliorer le referencement...

Modification de votre modèle pour ajouter les boutons liens

1/Recherche de cette section dans votre modèle Blogger code (ou similaire):

< class="'post-footer-line">

Si vous ne trouvez pas sur cette ligne de code, la recherche de "post-footer 'à la place. Sinon, vous pouvez ajouter votre code immédiatement après la ligne:

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

Juste après le "post-footer" vous avez trouvé la ligne, collez le code du bouton choisit :

Pour créer ce bouton et avoir le code HTML du bouton et l’intégrer dans votre blog ou site, Vous devez aller sur le site officiel de +1.

Nouveau tableau de bord du blogger 2011

2011-06-10T14:07:00.001+02:00

Blogger vien enfin de lancer pour certain utilisateur le nouveau tableau de bord.

Dans le nouveau Blogger, il y a un tableau de bord général où sont listés notamment tous vos blogs.

Puis, on clique sur le lien Tableau de bord, en regard un des blogs, on arrive à celui-çi :

Le changement est important et pas mal du tout.

Pour s'y repérer, je vous propose d'examiner cette articles : Ici.

Personnaliser votre favicon sur votre blog blogger

2011-06-10T13:34:00.008+02:00

Pour de nombreux blogueurs, ayant un favicon personnalisé (la petite image affichée dans la fenêtre de votre navigateur ou onglet) est la touche finale qui réunit le design et l'identité d'un super blog à la recherche. Maintenant vous pouvez ajouter un favicon personnalisé sur leur blog depuis votre tableau de bord.

Vous pouvez ajouter un favicon personnalisé à partir du Design | onglet Éléments de la page (ou, à partir de l'onglet Mise en page si vous utilisez la nouvelle interface utilisateur), en cliquant sur Modifier dans la nouvelle "favicon" mettre au-dessus de l'élément navbar:

Une nouvelle fenêtre s'ouvrira alors et vous pouvez sélectionner une image de votre disque dur pour remplacer l'image par défaut favicon. Ce lancement ne supporte que les fichiers : .ico, mais vous pouvez facilement convertir vos fichiers JPEG, PNG, ou tout autre fichier d'image non-ico en allant voir l'article inserer un logo favicon où je vous explique l'ancien méthode pour afficher un Favicon et montre un site pour transformer des fichiers photos en format .ico.

Une fois que vous avez sélectionné le fichier .ico pour votre favicon, cliquez sur Enregistrer.

Le redimensionnement de l'image est automatiquement aux dimensions correctes, et vous verrez alors les éléments de page mis à jour avec votre image favicon sélectionnés :

Lorsque vous aurez enregistré vos modifications, vous verrez votre image favicon ajouté s'affiche dans la fenêtre de votre navigateur ou onglet. Ça y est!

S'il vous plaît, laisser un commentaire ci-dessous et faites-nous savoir ce que vous pensez.

Nouveau style article similaires avec image

2011-05-24T11:11:00.002+02:00

Le nouveau style des articles similaires avec image en bas des post en rapport avec les libellés.

Comme vous pouvez le voir dans l'image ci-dessus le widget offre une vue galerie des articles liés au moyen des libellés. Le passage de la souris sur l'image fait apparaît le titre de ce message . Pour vérifier : la démo.

Installation

1. Aller sur paramétre et le modèle HTML et cochez la case "Développer Widget modèle". Trouver (Ctrl+F) le code ]]></b:skin>. Maintenant, collez juste aprés le code au-dessus.

/* Related Posts Widget
----------------------------------------------- */
ul#related-posts{
    font-family:Helvetica,Arial,sans-serif !important;
    font-size:10px !important;
    list-style: none !important;
    margin: 20px 0 !important;
    padding: 0 !important;
    text-transform: none !important;
}
ul#related-posts li{
    float: left !important;
    height: auto !important;
    margin:0 15px !important;
    padding: 2px 1px 4px !important;
}
*html ul#related-posts li{
    margin:0 13px !important;
}
ul#related-posts li a {
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
    border: 2px solid #FFFFFF !important;
    display: block !important;
    height: 72px !important;
    position: relative !important;
    width: 72px !important;
}
ul#related-posts li a {
    color: #474C51 !important;
    text-decoration: none !important;
    text-shadow: 0 1px 0 #FFFFFF !important;
}
ul#related-posts li .overlay {
    height: 66px !important;
    line-height: 14px !important;
    padding:6px 0 0 6px !important;
    position: absolute !important;
    width: 66px !important;
    z-index: 10 !important;
}
ul#related-posts li a:hover .overlay {
    background: #fff !important;
    display: block !important;
    opacity:0.9 !important;
}
ul#related-posts li img {
    bottom: 0 !important;
    padding:0px !important;
}
ul#related-posts li a:hover {
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
}

2. Trouver le code suivant :

<b:includable id='backlinks' var='post'>

et le remplacer par celui-ci

<b:includable id='RelatedPosts' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
var defaultnoimage="https://lh3.googleusercontent.com/_FQCCkMjyvSA/TWoCU9DxctI/AAAAAAAAAHk/ZW-sgbYYWBs/thumb_missing.jpg";
var maxresults=6;
</script>
<script src='http://bloggerz.googlecode.com/files/related_posts-with-thumbnails-for-blogger.js' type='text/javascript'/>
        <b:loop values='data:post.labels' var='label'>
             <b:if cond='data:label.isLast != "true"'>
        </b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/>
         </b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</b:if> 
<div style='clear:both'/>
</b:includable>
<b:includable id='backlinks' var='post'>

Ce widget est personnalisé pour afficher 6 postes liées et ne s'affiche que sur le post page. Pour modifier et personnaliser voir les instructions au bas.

3. Maintenant, la dernière étape, trouver l'un de ces quatre codes :

et placer ce code juste après l'un de ces quatre codes au dessus
    <div class='post-footer'>         Ou
<div class='post-footer-line post-footer-line-1'>
        Ou
<div class='post-footer-line post-footer-line-2'>
        Ou
<div class='post-footer-line post-footer-line-3'>

<b:include data='post' name='RelatedPosts'/>

Personnalisations :

1. Comment afficher les messages relatifs à chaque page et non seulement sur les pages de messages?
Il suffit de retirer les deux lignes commençant par  de l'étape 2. Ces lignes sont :

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

2. Comment faire pour modifier le nombre de messages à afficher dans le widget?
Vous pouvez ajuster le nombre maximum de postes liés à l'affichage en modifiant cette ligne dans le code de l'étape 2.

var maxresults=5;

3. Pour changer l'image miniature par défaut, vous pouvez modifier cette ligne de code à l'étape 2

defaultnoimage="https://lh3.googleusercontent.com/_FQCCkMjyvSA/TWoCU9DxctI/AAAAAAAAAHk/ZW-sgbYYWBs/thumb_missing.jpg";

Si vous les mettre l'ancienne version des articles similaires avec image : Ici

Blogger Buzz supprimer par Google

2011-05-02T12:20:00.002+02:00

C'est officiellement que Google viens de supprimer Blogger Buzz version français. Mais le blog ne servaient pas trop et n'étais actualisé que rarement dans l'année.

Retrouvez désormais toute l'actualité de Blogger sur le blog officiel Google France !

Ajouter les boutons Orkut share à votre site Web ou à votre blog

2011-04-21T11:58:00.004+02:00

Aprés vous avoir annoncer le rajout du bouton Orkut sur la barre Blogger, Je vous propose de rajouter le bouton indépendamment "Orkut share"
Car il permet aux bloggers et aux éditeurs de sites Web d'autoriser leurs visiteurs à partager le contenu de leur site Web avec leurs amis sur orkut.

Votre bouton peut avoir cette apparence ou celle-là .

Grace à cette astuce, les propriétaires de sites Web ou blog peuvent facilement ajouter les boutons "orkut share" à leurs pages.

Comment ajouter le bouton ?

Modification de votre modèle HTML pour ajouter un bouton de partage Orkut

1/Recherche de cette section dans votre modèle Blogger code (ou similaire):

< class="'post-footer-line">

Si vous ne trouvez pas sur cette ligne de code, la recherche de "post-footer 'à la place. Sinon, vous pouvez ajouter votre code immédiatement après la ligne:

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

Juste après le "post-footer" vous avez trouvé la ligne, collez le code du bouton choisit:

Si vous voulez me suivre sur Orkut :
Orkut

Yahoo Buzz fermera ses portes jeudi

2011-04-21T11:31:00.003+02:00

Le portail Yahoo continue son régime et annonce la fermeture du service Yahoo! Buzz, un moteur permettant de calculer la popularité des articles publiés sur ses sites.

Calqué sur le modèle de Digg, la plateforme communautaire de Yahoo Buzz proposait de partager des liens au travers d'une interface utilisateur. Implémenté sous la forme d'un bouton sur les sites du portail, Yahoo! Buzz avait alors pour but de densifier le trafic et donc indirectement les revenus publicitaires. Plusieurs partenariats ont également été signés avec divers grands médias. ( N'oubliez pas d'enlever le bouton de partage Yahoo Buzz de vos site ou blog )

L'équipe de Yahoo Buzz explique brièvement que la plateforme ne sera plus disponible dès jeudi 21 avril.

Avis de fermeture pour Yahoo! Buzz le 21 avril 2011.

" À partir de cette date, vous ne pourrez plus accéder au site Yahoo! Buzz. Cette décision a été difficile à prendre, mais elle va nous permettre de reporter notre énergie sur les autres produits et sur des innovations qui sauront vous surprendre ", indique l'équipe Yahoo! Buzz.

Récemment Yahoo annonçait avoir mis fin aux activités de MyBlogLog, AllTheWeb et Yahoo Vidéos.

Modifier le message Affichage des messages dont le libellé est

2011-04-21T01:07:00.001+02:00

Pour modifier le texte figurant dans le cadre "Affichage des messages dont le libellé est", corriger sur votre blog blogger :

1) Chercher ce morceaux de code HTMl avec (Ctrl + F) :

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

2) Remplacer le par :

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
toutes les séries de photos <strong><data:blog.pageName/></strong>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'>
toutes les séries de photos <strong><data:blog.pageName/></strong>
</div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

3) Autre exemple : remplacer le code HTML décrit au point 1) par :

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
Messages avec le libellé <strong><data:blog.pageName/></strong>
<b:if cond='data:newerPageUrl'>
<strong><a expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' title='Messages plus récents'>Messages plus récents</a></strong>
</b:if> |
<b:if cond='data:olderPageUrl'>
<strong><a expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' title='Messages plus anciens'>Messages plus anciens</a></strong>
</b:if>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Cela donnera le message suivant :

Messages avec le libellé XXXXXX
Messages plus récents | Messages plus anciens

4) Les ecrits en fond gris peuvent être corrigées.

Changer la taille du formulaire commentaire blogger

2011-04-20T12:22:00.000+02:00

Blogger Commentaires

Connectez vous à Blogger, Allez dans "Mise en page", "Modifier le code HTML", importzant cochez la case "Développer des modèles de gadgets".

Recherchez le code en dessous et changer le paramètre en rouge pour changer la largeur du formulaire des commentaires :

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

Note : remplacez 100% avec la taille de votre colonne centrale par exemple width='500')

Orkut rajouté dans les bouton de partage Blogger

2011-04-19T12:24:00.010+02:00

Dans la barre de partage Blogger, Il y a Mail, Blogger, Facebook, Twitter et Google Buzz, un 6 ème boutons vient de s'ajouter dans la petite barre de partage Blogger.

Voici un petit mode d'emploi pour l'activer :

Alors rendez vous sur le modéle html de votre Blog, vous cochez la case Développer des modèles de gadgets et rechercher le bout de code qui correspond aux boutons de partage :

<b:includable id='shareButtons' var='post'>
<a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span>
</a><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span>
</a><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
</a><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
</a><b:if cond='data:top.showOrkutButton'> <a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
</a> </b:if> <a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>

<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
</a>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</b:includable>

Vous supprimez les deux parties surlignées en rouge et vous sauvegardez

La partie sur-lignée en bleu correspond au code du bouton Orkut.

Rappel : Pour afficher la barre de partage Blogger dans les articles de votre blog, vous devez l'activer dans le panneau de configuration du gadget "Messages du blog" et rajouter
un morceaux de code : voir cette article: Ajouter la barre de partage Blogger.

Source : bloggercode de Soraya

Ajouter vidéos YouTube à vos messages Blogger

2011-03-17T10:58:00.000+01:00

Avec Blogger vous pouvez facilement intégrer une vidéo à vos message en la téléchargeant sur la plate-forme depuis votre ordinateur. Mais nous savons que beaucoup d'entre vous préfèrent y insérer des vidéos déjà en ligne sur YouTube.

Actuellement, ajouter une vidéo YouTube à votre message est assez facile, mais cela nécessite tout de même plusieurs manipulations : si vous n’en connaissez pas le code d'intégration (“embed code”), il faut ouvrir une nouvelle fenêtre ou un nouvel onglet ; vous rendre sur YouTube.com ; y rechercher la vidéo ; la lire pour s'assurer que c'est bien celle que vous désirez intégrer ; copier le code ; pour enfin revenir sur votre message Blogger et y insérer manuellement le code.

Il y a une fonctionnalitée qui simplifie cette démarche. Désormais, vous n’avez plus besoin d’ouvrir un nouvel onglet ou une nouvelle fenêtre mais vous pouvez procéder directement à partir de votre éditeur de message Blogger. Cliquez simplement sur le bouton Insérer une vidéo dans la barre d'outils. En plus de l'onglet existant Importer, vous verrez maintenant deux onglets : Depuis YouTube et Mes vidéos YouTube.

* Note : Cette fonction est uniquement disponible sur le nouvel éditeur. Pour utiliser le nouvel éditeur, cliquez sur Paramètres Général.

Dans l'onglet Depuis YouTube, vous pouvez rechercher, parcourir et lire des vidéos YouTube directement depuis l’interface Insérer une vidéo. Si vous avez vos propres vidéos sur YouTube, vous les trouverez dans l’onglet Mes vidéos YouTube.

Une fois la vidéo choisie, cliquez sur Sélectionner pour l’insérer dans votre message. Vous verrez alors une image miniature de la vidéo, que vous pourrez déplacer dans le message.

Vous pouvez tout aussi facilement partager une vidéo sur votre blog depuis YouTube. Pendant que vous regardez une vidéo sur YouTube, cliquez sur le bouton Partager et sélectionner Blogger. S’affiche alors le fameux mini message éditeur BlogThis!. Tout ce qu’il vous reste à faire est de sélectionner un blog (si vous avez plusieurs blogs), d’écrire un message d’accompagnement si vous le souhaitez et de Publier le message !

Nouveauté : Gadget Newsletter suivi e-mail automatique

2011-03-17T10:40:00.000+01:00

Blogger vient d'automatiser le processus de création d'une Newsletter et vous permet désormais d'afficher un widget sur le blog pour permettre à vos lecteurs de saisir leur e-mail...

Un gadget trés facile à installer pour les débutant, il tient les lecteurs à revenir sur votre blog. L'équipe Blogger a pensé à facilité la façon de communiquer avec les visiteurs les plus frais de contenu, donc ce qui a offert un nouveau gadget blogger : Suivi par e-mail .

Le gadget Suivi par E-mail fournit aux auteurs blog un moyen simple pour leurs lecteurs de s'abonner à la dernière mise à jour de leur blog, qui sont envoyés directement au lecteur dans la boîte de réception. Lorsque il y a du nouveau contenu publié sur votre blog , tous les lecteurs abonnés recevront un email de notification quotidienne des nouveaux messages ou articles publiés, ce qui inclut une copie du nouveau contenu ainsi que des liens vers les articles ou post.

Comment faire pour installer le gadget :

Pour activer Suivre par e-mail, cliquez sur le Ajouter un gadget lien à partir de Presentation
Éléments de la page onglet, puis sélectionnez le suivi par e-mail gadget qui devrait être au sommet de la liste.

Une fois que vous ajoutez le gadget, les lecteurs qui visitent votre blog on la possibilité de s'abonner à votre newslettre. Il suffit d'entrer son adresse email et cliquez sur Envoyer.

Newsletter e-mail Blogger

Le gadget Suivre par e-mail profite de la technologie Feedburner un produit de Google. Le suivi par e-mail donne également des informations d'abonnement : comme le nombre d'abonnés et vues par jour. Pour voir ces statistique, connectez-vous Feedburner.com, et sélectionnez le flux RSS du blog appropriée dans votre liste.

Pour plus explication sur Feedburner aller faire un tour sur cette article : Guide Feedburner

Note : Petit probléme l'inscription du visiteur à votre newlettre est en anglais. GGrrr

10 conseils pour bien ecrire un article

2011-03-15T23:28:00.001+01:00

Vous souhaitez donner à votre écriture un peu de piquant ? Donner à votre écriture un niveau supérieur peut paraître simple en théorie, mais il est souvent plus facile à dire qu'à faire. Il est souvent facile d'obtenir dans vos moyens quand il s'agit de lutter contre les habitudes d'écriture de production, Mais briser ces habitudes peuvent être difficiles pour en dire le moins. Mais avec un peu d'effort, et en faisant usage de certains conseils et techniques.

Vous pourrez peut-être perdre ces habitudes qui vous empêchent d'augmenter votre écriture au niveau suivant.

Voici quelques conseils qui pourraient vous aider à prendre à la prochaine étape dans votre écriture, ce qui rend votre travail plus clair, plus facile à lire, et plus efficace pour transmettre vos idées, théories et des idées.

1. Reserrer
Serrage de votre travail en recherchant et en éliminant les mots inutiles et les peines peuvent être un excellent moyen d'améliorer votre écriture. En réduisant les encombrent de votre travail, vous pourriez être en mesure de présenter vos idées plus clairement et de façon plus concistente qui est plus facile pour vos lecteurs à suivre.

2. Surveiller la longueur
Que vous écrivez un article, un essai ou un post pour votre blog, il est important de se rappeler que la technologie est rapide et donne l'accès à plus d'informations, la durée d'attention d'une grande partie des lecteurs est en baisse. Les articles trop longues sont peinalisant, des dizaines de paragraphes aussi, même des articles trop court peut être une sortie pour les lecteurs à cause d'un "besoin de savoir maintenant" de plus en plus importante.

3. Ralentir le pas
Dans de nombreux cas, c'est bien de souffler à travers un brouillon. Cela pourrait même vous aidez à obtenir 'autres idées plus rapidement, sans revenir sur les informations pertinentes, mais lors de l'examen de votre travail, il peut souvent être utile de le prendre lentement. En prenant votre temps et de se concentrer sur les mots que vous avez écrit et les informations que vous essayez de transmettre, vous pouvez attraper une multitude d'erreurs que vous faites au cours de votre travail initial.

4. Re-lire
Vous pourriez penser que vous venez d'écrire un essai ou un article parfaitement formé, vous pourriez être surpris de voir combien vous avez manqué ou combien d'erreurs que vous avez fait le long du chemin. En re -lecture de votre travail, vous aurez probablement ramasser assez d'orthographe et quelques fautes de grammaire ainsi des questions de structure.

5. Re-lire de nouveau
Pour de nombreux écrivains, lire un brouillon une fois n'est pas suffisant. Envisager la réutilisation de la lecture de votre travail dans un autre formulaire pour obtenir une perspective différente. Si vous avez écrit et approuver votre projet initial sur un ordinateur , pensez à l'imprimer pour le lire une seconde fois ou une troisièmefois sur le papier. Peut-être que la lecture de votre travail sur le papier n'est pas assez bien. Vous pouvez lire à haute voix aussi, ce qui pourrait vous aider à repérer les erreurs que vous n'avez pas vu. Il est fort possible que vous trouviez des erreurs de réglage à la troisième ou même quatrième lecture.

6. Laissez-le reposer
Si vous avez le temps, laisser votre écriture siéger pendant un certain temps peut augmenter les chances d'attraper des erreurs lorsque vous re-liser. Ce qui a permis à votre cerveau le temps de se reposer, de récupérer et d'oublier les mots qu'il vient de mettre sur le papier et peut fournir une nouvelle perspective quand vous revenez à relire à votre article.

7. Donnez à vos lecteurs
Connaître votre auditoire peut sembler de bon sens, mais il peut faire une grande différence dans la façon dont vous écrivez votre article. Par exemple, en utilisant des termes trop compliqué pour un public plus jeune ou de l'argot moderne pour un public plus âgé peuvent rendre votre écriture incomprehensif méme maladroit.

8. Ne pas abuser
Il existe plusieurs variétés de façons dont vous pouvez abuser de votre écriture. Raconter des histoires personnelles, des blagues, parle trop de vous-même, en utilisant le blasphème, de faire des hypothèses de balayage ou des généralisations, alors eviter d'abuser et trouver un juste milieu;.

9. Sources et Interviews
Citer des sources crédibles ou en utiliser des entrevues dans votre article peut augmenter la force de votre écriture, d'attirer l'attention de vos lecteurs, et de donnerà votre travail plus de conviction.

10. Prendre des risque
Mise en dehors de votre zone de confort, essayer d'apprendre quelque chose de nouveau peut être une excellente façon d'accroître votre écriture au niveau suivant. L'expérimentation de nouvelle technique d'écriture que vous utilisez peut entraîner des bonnes idées et d'augmenter vos capacités d'écriture.

Il peut être important de se rappeler que quand il s'agit de votre écriture et l'élévation de vos compétences, il est souvent sujet à continuer la pratique et la lecture des œuvres d'autres écrivains. Souvent, plus vous êtes exposé à l'écriture et des techniques utilisées, et mieux vous pouvez progresser dans votre propre écriture. il faut constamment être à l'affût de nouvelles idées, des conseils et des méthodes qui utilisent d'autres écrivains peuvent vous aider à obtenir un niveau supérieur.

Nouvelle version Plateforme Blogger

2011-03-15T10:45:00.003+01:00

L'année 2010 a été trés riche pour Blogger. Blogger reste comme une des plus grandes plateformes de blogs et le site Web classer au sixième rang dans le monde, selon Alexa.
Les utilisateurs de Blogger, on publié plus d'un demi-milliard de messages blog, qui ont été lus par plus de 400 millions de lecteurs actifs dans le monde.
L'équipe Blogger a introduit le concepteur du modèle , les stats en temps réel , commentaires filtrage de spam , mobile modèles , polices web , et plus .

Mais l'année 2011 promet d'être une autre année de changement :

Pour commencer, voila un aperçu de la génération de l'interface d'utilisation avant et Le nouveau design qui est non seulement plus propre et plus moderne, mais il utilise aussi Google Web Toolkit , offrant les dernières technologies web.

Ancien Editeur

Nouveaux Editeur

Tableau de bord actuel

Nouveau Tableau de bord

L'équipe Blogger va également mettre en valeur une nouvelle fonctionnalité de "découverte de contenu" qui permettra de découvrir des contenus intéressants et une connexion avec les sujets du blog que vous lisez actuellement.

Mais ce ne sont que quelques nouvelles fonctionnalités... qui ont été devoilé.

Je suis impatient de voir les nouvelles fonctionnalités blogger de 2011 !

Ajouter Bouton Donation PayPal pour Blogger

2011-03-14T13:28:00.006+01:00

Paypal

Comment ajouter un bouton de donation Paypal pour
votre blog.

Donner à vos lecteurs fidèles une solution de soutenir
( ou encourager) on vous donnant un peu d'argent.

Si vous n'avez pas encore de compte PayPal, vous pouvez obtenir gratuitement un compte Paypal cliquer ICI

1.D 'abord, Connectez-vous à votre compte Paypal.

2.Cliquez sur le ‘Solution e-commerce’ (voir en haut de la page).

3.Faites défiler la fenêtre et vous verrez une option “Dons” dans le menu à droite. Clique droit dessus !

4.Maintenant,vous verrez quelques options comme le nom de don / service ,Identifiant don...

Le premier champ (le nom de don / service) est la seule chose qui est nécessaire et tous les
autres champs sont facultatifs.

Entrez dans ce premier champ, choisir un style de bouton, Faites défiler la fenêtre et
cliquez sur “Créer un bouton maintenant”

5. Maintenant,vous pourrez voir un petit de code html…

Copiez-le et vous connecter à votre tableau de bord Blogger :
» Cliquez sur la mise en page » Ajouter un élément de page » html / javascript

6. Collez ce code html et Sauvegarder.

Exemple :

Personnalisez votre blog sous Blogger

2011-03-10T15:59:00.005+01:00

L’objectif est de vous aider à personnaliser votre blog, au niveau du
design (le template)

Le GUIDE de Blogger

Les Differentes techniques de monétiser un blog

2011-03-10T11:22:00.002+01:00

Monétiser un blog permet de commencer à payer son hébergement, de gagner un peu d’argent voire sur le long terme de vivre totalement grâce à l’argent gagné via Internet.

Au début, Il ne faut pas espérer générer beaucoup d’argent, d’ailleurs on peut travailler et depenser beaucoup de temps pendant des mois au début pour gagner seulement quelques euros. Les débuts sont très difficiles et pénible, mais par la suite, une fois que le blog a un peu de notoriété et qu’il génère quelques centaines d’euros tous les mois, on est bien content du retour sur investissement (temps).

Pour monétiser son blog, il existe une multitude de solutions, mais je vais en aborder quelques unes : les plus importante.

Bannieres pubs :

La méthode de monétisation la plus connue au monde est l’ajout de bannières publicitaires type Adsense en haut, en bas ou encore au milieu de l’article.

Adsense est la régie publicitaire appartenant à Google. Personnellement, c'est la régie de publicité que j'utilise le plus pour mes différent blog. Les publicités sont automatiquement mises à jour en fonction du texte présent sur la page. Il n'y a rien à gérer et aucun annonceurs à contacter.
En revanche, il est important de filtrer les pubs. De temps en temps je constate qu’il y a des publicités non pertinentes et il s’avère important d’aller dans l’administration Adsense pour interdire leur apparition. Il existe plusieurs types de bannières publicitaires chez différentes régies. Généralement, la rémunération se fait soit à l’affichage (CPM), soit au clic (CPC), soit à l’inscription ou encore à la vente.

Affiliation :

Le système d’affiliation permet de gagner une commission ou un fixe sur une vente générée via votre blog.

Par exemple, si je rédige un article concernant un service internet, j’ai la possibilité de mettre de l’affiliation vers ce service qui vend le produit ou service. Dans l’éventuel cas où un visiteur ou lecteur est intéressé après avoir cliqué sur le lien menant au marchand, je touche une commission. En quelque sorte, je joue le commercial qui raméne des client pour le marchand.

Newsletter :

Il est possible de vous faire contacter par un annonceur pour que vous participez à une campagne pub en envoyant une publicité par mail à votre mailing list. Personnellement, je n'aime pas cette méthode que je jure trop agressif.

Parrainage :

Comme pour l’affiliation, on a souvent une commission ou un fixe, cette fois-ci sur l’inscription d’un utilisateur auprès d’un site. Par exemple, MILIMEL, je mets un liens type parrainage. A chaque fois qu’une personne s’inscrit via mon blog sur MILIMEL, je touche 0.50 € au départ + 10% de ce mon filleul gagne à vie.

Articles sponsorises :

Ce sont des annonceurs qui souhaitent profiter de votre audience pour que vous rédigiez un article présentant un produit, un service, un site ou d’une société.

Sur ce blog, je n'ai jamais rédigé des articles moyennant des cadeaux et encore moin une rémunération. Il y a un autre blog que je gère où un annonceur m’a contacté pour que je mette en place un article moyennant 40 €. J’ai mis 5 minutes à ajouter l’article sur le blog !

Evidemment, j’ai passé beaucoup de temps à le faire connaître avant de me faire contacter par l’annonceur…

Je vous conseille une régie de publicité qui propose des Articles sponsorises EBUZZING

Oubliez les popups :

Il n’y a rien de pire pour un lecteur souhaitant lire tranquillement un article que de voir apparaître une méchante popup au dessus du texte ou sur le côté.

Je prefere les autres méthodes pour monétiser votre blog.

Video sur Facebook :

Une autre technique qui donne la possibilité de monétiser votre audience Facebook (fan pages ou comptes personnels) en relayant sur ces espaces des vidéos marketing.

Je vous explique comment faire sur cette article ici. Ce service de video rémunérée est proposé par goviral network

Blogueurs, quelles sont les techniques que vous utilisez chez vous ?

Je vous propose une liste de plusieurs régies pubs ...

Améliorer son référencement

2011-03-09T10:23:00.002+01:00

Améliorer son référencement :
Tous les conseils et astuces pour optimiser son référencement

Monétiser son blog

2011-03-09T10:09:00.002+01:00

Monétiser son blog :
Tous les conseils et les solutions pour gagner de l’argent avec son blog…

Comment intégrer un onglet bienvenue sur sa page Facebook

2011-03-07T15:08:00.002+01:00

Un onglet bienvenue ou d’atterrissage permet d’orienter les non fans (principale cible) vers un onglet qui se démarque de la froideur des onglets traditionnels Facebook (Mur, Infos…). On peut y ajouter images, textes, liens… avec un peu de langage HTML classique. Bref une page web habillée et plus esthétique. L’objectif est non seulement d’attirer l’attention des visiteurs mais surtout de leur présenter l’intérêt qu’ils ont à « devenir fan »

Utilisez le fbml :

Ce langage, propre à Facebook, permet de créer de nouveaux onglets à partir de mots clés et de créer des pages plus dynamiques et agréables à visualiser.

Rendez-vous à http://www.facebook.com/apps/application.php?sid=59c8a2bba844922b5153efc9b9eba237&id=4949752878&ref=s ,

puis à «Ajouter à ma page».

Pour créer un onglet personnalisé, allez sur votre page d’accueil et cliquez sur le lien «Modifier la page» dans le coin supérieur gauche, juste sous l’image de votre page. Désormais, lorsque vous faites défiler la liste, vous voyez une sous-section intitulée «FBML».

Cliquez sur «Paramètres de l’application» et une fenêtre de dialogue s’ouvrira. Cliquez sur «Ajouter», puis sur «OK».

Si vous retournez sur votre page d’accueil, vous verrez que lorsque vous cliquez sur l’onglet «>>», il existe maintenant un «FBML» dans le menu déroulant. En cliquant dessus, vous le faites apparaître dans la liste des onglets en haut.

Vous remarquerez que l’onglet est totalement vierge. Il ne vous reste plus qu’à le personnaliser comme vous le souhaitez.

Pour ajouter du contenu, cliquez de nouveau sur le lien «Modifier la page» dans le coin supérieur gauche, juste sous l’image de votre page principale, et allez à «FBML».

Cette fois, cliquez sur le lien «Modifier». Vous serez amené à un formulaire très simple avec une «Boîte Titre» et un grand rectangle blanc «FBML» à remplir.

C’est votre canevas.

Commencez par changer le titre de l’onglet pour quelque chose de plus représentatif, comme «Bienvenue» ou «Forfaits». Nommez-le en fonction de votre objectif !

Et Enregistrer.

Petite video du tuto :

Allez voir ma page de bienvenue : LE BLOGGERS DU NET FACEBOOK

Ajouter Bouton Linkedin à votre modèle Blogger

2011-03-07T12:27:00.003+01:00

Linkedin

LinkedIn exploite le plus vaste réseau mondial de professionnels sur Internet avec plus de 90 millions de membres dans plus de 200 pays et territoires. Linkedin a introduit un bouton de partage Linkedin pour les sites web, blogs pour permettre à leurs lecteurs et aux visiteurs de partager les articles de votre blog facilement sur Linkedin.

LinkedIn est un endroit où occupés et sur les professionnels en déplacement s'appuyer sur leur réseau pour rester informés et de faire decisions.There étaient près de deux milliards de recherches de personnes sur LinkedIn en 2010.

Vous pouvez ajouter un bouton de partage Linkedin à votre site Web et permettre aux visiteurs de partager votre contenu avec leur réseau.
Dans ce tutoriel, je vais vous expliquer comment ajouter un bouton de partage Linkedin à votre blog Blogger.Les 3 types de boutons partage Linkedin: compter verticale, horizontale et compter Aucun chef d'accusation :

Comment ajouter ces boutons partage Linkedin à votre blog Blogger, puis suivez les étapes
indiquées ci-dessous :

1.Connectez à votre tableau de bord Blogger -> Présentation -> Modifier le code HTML

2.Cocher sur "Développer les modèles de gadget"

3.Rechercher l'endroit où vous voyez ci-dessous le code :

<div class='post-header-line-1'/>

4.Copiez votre code "Bouton partager Linkedin" et collez-le juste au-dessous du code ci-dessus.

NOTE : Si vous ne trouvez pas <div class='post-header-line-1'/> dans votre modèle, collez votre code "Bouton partager Linkedin" juste Avant <data:post.body/> .

Code 1 : Compteur Verticale :

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-left:10px;'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='top' expr:data-url='data:post.url' type='in/share'/>
</div>
</b:if>

Resultat:

Code 2 : Compteur Horizontale :

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-left:10px;'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='right' expr:data-url='data:post.url' type='in/share'/>
</div>
</b:if>

Resultat :

Code 3 : Sans Compteur

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-left:10px;'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script expr:data-url='data:post.url' type='in/share'/>
</div>
</b:if>

Resultat:

5. Enregistrer votre modèle.

Actualiser votre blog. Maintenant vous pouvez voir les boutons de partage Linkedin dans toutes les pages articles.

Vous pouvez avoir plus d'informations à partir d'ici : http://www.linkedin.com/publishers

Turquie : Blogger bloqué

2011-03-07T10:33:00.002+01:00

La plateforme de blog de Google est interdite d'accès en Turquie parce que certains blogs ont diffusé des matches de foot.

La mesure paraît pour le moins radicale. Le bouquet de télévision par satellite Digiturk a déposé une plainte à l'encontre de Google.

Le groupe a payé très cher les droits de retransmission du championnat de football turc et n'a pas apprécié que des diffusions illégales soient relayées sur certains blogs Blogger.

La justice turque a tranché et a prononcé l'interdiction d'accès à toute la plateforme. Dans cette affaire, Digiturk affirme avoir alerté Google à plusieurs reprises sans pour autant constater la fin des diffusions illégales. De son côté, Google affirme supprimer rapidement tout contenu illégal dès lors que sa présence lui est dûment rapportée.

Surtout, Google ne comprend pas pourquoi les 600 000 internautes turcs qui disposent d'un blog Blogger devraient ainsi en être privés alors que la plainte ne porte que sur quelques blogs.

En Turquie, YouTube a longtemps été bloqué par les autorités après une plainte pour la présence de vidéos considérées comme offensantes à l'égard de Mustafa Kemal Atatürk.

Ajouter les boutons sociaux sur blogger comme sur Mashable

2011-03-04T16:30:00.001+01:00

L'une des innovations venues sur le blog avec le nouveau modèle est l'affichage des boutons de partage sur les réseaux sociaux de la même façon que le site Mashable. Je tiens ici à vous montrer comment faire la même chose sur votre blog, au cas où ça vous tenterait.

1. Se connecter sur Blogger. Aller sur "Mise en page", "Modifier le code html" et cocher sur la case "Développer des modèles de gadget"

2. Mettre le code suivant juste avant ]]></b:skin>

.post_share{float:left;border:1px solid #DDD;margin-right:10px; top:215px; padding-top:10px;position:fixed;background:#FFF;margin-left:-80px; padding-bottom:10px;} .post_share .wdt_button{clear:left;margin:0}

Explication : top:215px; indique la distance entre le début de la page et l'endroit où se placera le groupe des boutons de partage. Sur mon blog j'ai mis 215px afin que ceux-ci n'apparaissent qu'après le titre de l'article.

4. Ajouter le code suivant juste avant <p><data:post.body/></p>

<b:if cond='data:blog.pageType == "item"'>
<div class='post_share'>
<div class='wdt_button'>
<center>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</center>
</div>
<div class='wdt_button'>
<center>
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' onClick='return buzzPopup(this, 'Buzz this')' rel='nofollow'><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S3Y8Gi87V8I/AAAAAAAADDc/xpLQ5jnX_Gk/s1600/g-buzz.png'/></a>
</center>
</div>
<div class='wdt_button'>
<center>
<script type='text/javascript'>
scoopeo_url="<data:post.url/>";
</script>
<script src='http://scoopeo.com/clicker/insert/large' type='text/javascript'/>
</center>
</div>
<div class='wdt_button'>
<center>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</center>
</div>
<div class='wdt_button'>
<center>
<span class='post-icons'>
          
          <b:if cond='data:post.emailPostUrl'>
            <span class='item-action'>
              <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
                <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>Email
              </a>
            </span>
          </b:if>
          
          <b:include data='post' name='postQuickEdit'/>
        </span>
</center>
</div>
</div>
</b:if>

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

Article ou widget sur deux colonnes

2011-03-04T12:37:00.007+01:00

Dans les magazines et autres journaux, il est fréquent de voir un article mis sur deux colonnes de la même page.
Nos blogs étant des journeaux web dont nous sommes les éditeurs, il se pourrait que certains parmi vous ayent envie.

Pour cela, voici le code html dont vous avez besoin. Il est à mettre dans la case où vous devez écrire votre article, en remplaçant le phrase y écrite par le contenu approprié. Si vous voulez mettre des paragraphes, vous pouvez utiliser les balises
et au milieu desquelles vous mettrez le contenu de votre paragraphe.

Code pour mettre son article en deux colonnes sur Blogger:

<div style="width: 45%; float: left;">Contenu de la colonne gauche ici</div>

<div style="width: 45%; float: right;">Contenu de la colonne droite ici</div>

<div style="clear: both;"></div>

Code pour mettre deux widget en deux colonnes sur Blogger:

<div style="width: 45%; float: left;">Contenu de la colonne gauche ici</div>

<div style="width: 45%; float: right;">Contenu de la colonne droite ici</div>

<div style="clear: both;"></div>

Demo widget:

Demo article :

Pour cela, voici le code html dont vous avez besoin. Il est à mettre dans la case où vous devez écrire votre article, en remplaçant le phrase y écrite par le contenu approprié. Si vous voulez mettre des paragraphes, vous pouvez utiliser les balises
et au milieu desquelles vous mettrez le contenu de votre paragraphe.

Limiter affichage d’un widget à certaines pages

2011-03-03T09:51:00.004+01:00

Comment limiter l’affichage de certains widgets à la page d’accueil, soit la page d’un libellé
ou soit la page d’un article donné, mais encore limiter seulement aux pages dédiées aux articles.

Alors vous connecter à votre compte Blogger : Aller sur modifier le code HTML
et cocher sur "développer des modèles de gadgets".

Trouvez le widget dont vous voulez limiter l’affichage et respectez l’une des méthodes ci-après.

Utiliser la fonction recherche clavier CTRL+ F et Tape le nom du widget.

1. Widgets apparaissant seulement aux pages dédiées aux articles et
jamais à la page d'accueil :

Si vous voulez qu’un widget n’apparaisse pas à la page d’accueil ni à une page pour libellé
et ni à celle des archives, Ajoutez :

<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
CONTENU DU WIDGET
</b:if>
</b:includable>
</b:widget>

Ce widget n’apparaîtra qu’aux pages dédiés aux articles et non à la page d’accueil, d’archives
ou de libellés.

2. Widget affiché seulement à la page d’accueil

Pour n’afficher un widget qu’à la page d’accueil, ajoutez le code en rouge ci-dessous
à votre widget :

<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
CONTENU DU WIDGET
</b:if>

</b:includable>
</b:widget>

3. Widget limité à une page donnée de votre blog

Si vous voulez limiter un widget à une page donnée de votre blog, voici le code
en rouge à ajouter dans celui-ci :

<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL_DE_VOTRE_PAGE"'>
CONTENU DU WIDGET
</b:if>
</b:includable>
</b:widget>

Remplacez URL_DE_VOTRE_PAGE par le lien de l’article où vous voulez voir le widget
s’afficher et ce widget ne s’affichera plus dans les autres pages du blog.

4. Widget limité à une page libellé

Si vous voulez limiter un widget seulement à la page d’un libellé donnée.
Pour cela, voici le code en rouge à ajouter à votre widget :

<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "http:// nom-de-votre-blog.blogspot.com/search/label/nom-du-libellé"'>

CONTENU DU WIDGET

</b:if>

</b:includable>
</b:widget>

Remplacez l’url entière par l’url de votre libellé et votre widget n’apparaîtra que sur la
page dédiée à ce libellé.

Integrer une video Facebook sur ton blog

2011-02-28T16:38:00.003+01:00

comment intégrer une vidéo facebook sur un blog?

Vous avez une vidéo sur facebook et vous voulez la partager sur votre blog ou site (Attention toutefois aux paramètres de confidentialités, la vidéo doit être public pour être visualisée par tout le monde). D'abord, il vous faudrait récupérer l'adresse de la vidéo.

Cliquez sur son titre pour vous rendre sur une page avec l'url (dans la barre d'adresse) de la forme suivante :

http://www.facebook.com/#!/video/video.php?v=1246276977059

1. Ajouter manuellement le code :

Ce qui nous intéresse dans cette url c'est les numéros en rouge.

Copiez maintenant le code suivant dans l'article que vous voulez lui ajouter la vidéo (choisissez l'onglet modifier le code HTML de l'éditeur des messages si vous êtes sous Blogger) :

<center>
<object height="350" width="425">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="movie" value="http://www.facebook.com/v/XXX">
<embed src="http://www.facebook.com/v/XXX" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="350" width="425">
</embed>
</object>
</center>

Maintenant, vous n'avez qu'à remplacer les XXX du code par les numéros que j'ai mis en rouge dans l'url de votre vidéo (pour cet exemple ça sera 1246276977059)

Voilà le résultat que j'obtiens :

Pour changer les dimensions du lecteur, vous pouvez changer dans votre code les paramètres height="350" et width="425" en leur spécifiant les valeurs qui vous conviennent. Les balises <center> </center> permettent de centrer la vidéo dans votre article.

2. Générateur de code :

Il vous suffit de copier l'url obtenue pécédement dans le champ URL de la vidéo, changer les dimensions du lecteur si vous voulez et cliquer sur le bouton "générer le code". Vous obtiendrez finalement le code de votre vidéo.

Remarque : Utilisation d'un plugin pour firefox

Pour ceux qui utilisent firefox comme navigateur, ils peuvent utiliser le plugin Facebook Video 2.2.1 qui propose pour chaque vidéo sur facebook un bouton permettant de l'exporter sur un site (et de la télécharger aussi).

Application Blogger disponible pour Android

2011-02-04T11:53:00.004+01:00

Je suis ravis d’annoncer la première version de l’application Blogger pour Android.

Application Blogger pour Android

Grâce à cette application, vous pouvez aisément composer un billet, y joindre une photo que vous venez de prendre avec votre téléphone, et sauvegarder l’article en tant que brouillon ou bien le publier immédiatement sur votre blog. Si vous êtes un utilisateur d’Android, vous pouvez commencer à utiliser l’application Blogger dès aujourd’hui en la téléchargeant gratuitement

> Télécharger Blogger pour Android (gratuit)

10 conseils de Google pour améliorer le référencement de votre blog

2011-01-21T12:31:00.006+01:00

10 conseils de Google

Le référencement naturel est devenu l'un des piliers stratégiques du web d'aujourd'hui. Les moteurs de recherche, Google en tête, sont devenus tellement incontournables que celui qui lance un blog sans se soucier de cette problématique s'expose à de sérieuses difficultés dans le développement sa visibilité et son traffic (visites)

Google vient de publier un petit article sur son blog français pour donner les 10 règles de base à respecter pour un bon référencement naturel : @http://googlefrance.blogspot.com/

1. Connectez-vous aux Outils pour les webmasters : google.com/webmasters/tools/
Nos outils pour webmasters sont gratuits et fournissent des données très précises sur la visibilité de votre site sur Google. Pour commencer, il vous suffit d'y inscrire votre site et d’accéder ainsi directement à des données sur l’exploration, l’indexation et le trafic de recherche le concernant. Retrouvez toutes ces ressources et outils pour webmasters sur google.fr/webmasters.

2. Mettez vous à la place de vos utilisateurs : faites figurer au sein des pages de votre site les termes que vos visiteurs utilisent pour vous rechercher en ligne (évitez de recourir pour ce faire à des listes de mots clés, et préférez plutôt intégrer ces termes au sein d’un texte).
3. Utilisez des titres pertinents pour chacune de vos pages : ces titres sont visibles dans les résultats de recherche. Respectez la hiérarchie de votre contenu (<h1>, </h1>, <h2> etc.), et créez du contenu utile et unique.

4. Soignez la qualité de vos balises META : ces descriptions de qualité peuvent être utilisées dans les extraits de vos pages, ou “snippets”. Bien calibrées, elles aideront à améliorer la qualité et la quantité de votre trafic.

5. Aidez vos visiteurs à comprendre le contenu de vos pages en utilisant des URLs simples et qui donnent envie de visiter votre site : ainsi, préférez “example.fr/produits/gadgets.html” à “example.fr/asdasd/rewiruewr?asd=2131209840392”

6. Assurez-vous que tout contenu important soit accessible par un lien direct depuis une page déjà indexée. Par exemple, pensez à créer un lien depuis votre page d’accueil vers votre page "Dernières promos".

7. Utilisez une version textuelle pour la majorité de votre contenu et de votre navigation. Réservez l’utilisation de JavaScript et de Flash à la mise en valeur d’une section ou d’une partie de votre page.

8. Utilisez la balise ALT pour catégoriser vos images. Nos robots d’indexation, les “Googlebots”, ne comprennent pas les images. Afin qu’ils puissent les prendre en compte pour nos résultats de recherche, aidez-les à les catégoriser correctement !
La balise ALT est comme la balise META pour les images : elle contient des informations supplémentaires, accessibles par les utilisateurs qui ne peuvent pas voir vos images.
Si vous l’utilisez, les “Googlebots” pourront se baser sur ces informations pour mieux comprendre à quoi correspondent vos images.

9. Pour vérifier le bon fonctionnement de votre site, utilisez un navigateur texte tel que Lynx ou que le navigateur web de Lynx : http://lynx.isc.org/.

10. Pensez avant tout à vos utilisateurs ! Si après application de ces conseils vous parvenez à canaliser du trafic depuis Google et d’autres moteurs de recherche, félicitations

- mais ne sous-estimez pas pour autant l’apport de l’expérience utilisateur !

Ajout dans les favoris, partages, discussions sont autant d’autres leviers qu’il vous faut prendre en compte. Testez et mesurez l’impact de vos changements en matière d’ergonomie et de design en utilisant Google Analytics et Google Website Optimizer.

Si vous souhaitez aller au-delà de ces dix conseils, consultez le Guide d’optimisation, nos consignes de qualité et le site d’aide, qui vous permettront d’aller plus loin dans l’optimisation de votre site.

Posté par l’équipe française de Search Quality

Ajouter Yahoo Emotions Smileys pour votre commentaire

2011-01-14T15:05:00.003+01:00

Voila Comment faire pour ajouter Yahoo Emotions Smileys pour votre commentaire

1.Connectez à votre tableau de bord -> mise en page --> Modifier le code HTML

2.Cliquez sur "Développer les modèles de gadget"

3.Faites à l'endroit où vous voyez ceci :

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<h3><a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a></h3>
</b:if>
</b:if>
</p>
</b:if>

4.Remplacer au-dessus du code avec code ci-dessous.

<b:if cond='data:post.embedCommentForm'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>

5.Télécharger Smiley.js (Comme un fichier zippé) et Smiley.js d'accueil vous aide js hébergement gratuit de fournisseur de service comme HotLinkFiles.com ou 110mb.com.

6.rechercher où vous voyez </body> dans votre modèle HTML

7.Copier code ci-dessous et collez-le juste avant la balise </body>

<script src='smiley.js' type='text/javascript'/><noscript><a href="http://lebloggers.blogspot.com/" target="_blank">Le Bloggers Du Net</a></noscript>

Note: smiley.js doit être Remplacer avec votre lien d'hébergement direct de smiley.js .

8.Sauvegarder votre modèle et vous devez voir ceci :

Automatique Lien interne pour Blogger

2011-01-05T16:19:00.002+01:00

Automatique Lien interne pour Blogger : il va rechercher dans votre message des mots comme nom de la catégorie et en faire un lien vers cette catégorie.

Par exemple, dans votre article, il y a un nom de catégorie "abc", Automatique Lien interne trouverez dans votre article le mot "abc" et de fait, il cré un lien à la catégorie abc.

Alors maintenant, je veux vous présenter script Autolink dans Blogger pour vous.

Voici les étapes :

1, Ouvrez votre modèle dans l'éditeur de texte HTML.

2, Ajouter cette ligne avant </head>

<script src="http://dinhquanghuy.110mb.com/autotag.js" type="text/javascript"></script>

3,Trouvez cette ligne <b:if cond='data:blog.pageType == "item"'>

et regarder vers le bas, vous verrez ce code :

<p>

                                             <data:post.body/>

                                        </p>

remplacer le avec

<p>

                                         <div expr:id='"summary" + data:post.id'>

                                            <data:post.body/>

                                        </div>

                                        <script type='text/javascript'>

                                             highlightSearchTerms('blogger',true,'http://lebloggers.blogspot.com','summary<data:post.id/>');

                                            highlightSearchTerms('facebook',true,'http://lebloggers.blogspot.com','summary<data:post.id/>');

                                        </script>

                                    </p>

Jetez un oeil au textes en caractères gras :

Dans ce texte, "blogger"et "facebook "sont les mots de ce script à trouver dans les articles et à ajouter un lien vers "http://lebloggers.blogspot.com" (le lien).

Vous pouvez ajouter plus de texte d'ancre et un lien avec cette structure

highlightSearchTerms('le texte que vous souhaitez ajouter un lien',true,'lien','summary<data:post.id/>');

Le script se trouve "le texte que vous souhaitez ajouter un lien" dans votre message et placer un lien "link" sur ce texte.

Ce script n'est pas aussi bon qu'un PHP et des ressources serveur pour la recherche de texte et de faire des liens.

Pour L'utilisation de ce script, vous devez ajouter du texte et le lien manuellement. Mais je pense qu'il est plus souple pour vous.
J'espère que ce script vous sera utile. N'hésitez pas à commenter ici

503 Service non disponible dans Blogger

2010-12-28T16:44:00.002+01:00

Avez-vous obtenu ce message d'erreur sur votre tableau de bord blog, ou pendant que vous essayez d'accéder à votre blog?

Lisez la suite pour découvrir ce que ce problème est tout au sujet et la façon d'aider un blogueur pour le résoudre.

Qu'est-ce que 503 veut dire?

503 "Service non disponible» est un «code de réponse", comme 404 "Page not found". Le code 503 de réponse est un peu plus compliqué car il n'est pas une page qui manque c'est un problème de serveur. Habituellement, cela se produit quand un serveur ne peut pas faire face ou de fournir ses contenus hébergés aux utilisateurs web, en d'autres termes serveurs blogueur ont été surchargés.

Contexte

Retour en ingénieurs de Google Mars introduit Pagination automatique qui réduit essentiellement et résume le nombre de messages affichés par un blog sur la page d'accueil, cela affecte uniquement les blogs qui présentent l'ensemble ou la plupart de leurs postes à plein sur la page d'accueil.
Cette approche du problème par Blogger s'est révélé inefficace, et Blogger sont maintenant des problèmes dans la prestation de certains blogs à travers le monde.

Qui est concerné par ce "Service non disponible" 503

Ce problème affecte tous les blogs dans le monde entier. Une des façons de savoir si vous avez été touché est de se connecter à Google Analytics et de vérifier vos sources de trafic, moteurs de recherche sélectionnent et sélectionnez le mot clé qui apporte le plus de trafic vers votre blog, de comparer les données des mois précédents. Un changement notable dans votre taux de rebond ou de durée moyenne devrait être un bon indicateur que votre blog a été touché par ce code 503 de réponse. La logique derrière cela est simple, un utilisateur tente d'afficher votre blog a ouvert la page 503 et a assumé le site vers le bas et sont allés à un autre site. En raison de cela, vous recevrez un taux de rebond de 100% pour ce mot-clé ainsi que d'un temps moyen à faible.

Comprendre le problème et ses conséquences

Les conséquences de ce problème est que vous pouvez commencer à perdre du trafic et de votre classement dans les moteurs de recherche. Vous devez comprendre que ce n'est pas un problème de ressources, ce ne peut être fixé en obtenant un nouveau serveur pour blogger (si elle a été je ne serais pas ici en parler).
Il s'agit d'un problème de savoir comment nous blog et ce que nous faisons avec nos blogs.

Comment résoudre le 503 "Serveur indisponible" sur Blogger

Voici quelques étapes, vous pouvez prendre afin d'aider à Blogger pour résoudre le problème.

niveau de base (pas les compétences requises)

- Résumez vos messages.

- Afficher uniquement les post les plus pertinentes sur votre page d'accueil.

Si vous montrez postes à plein sur votre page d'accueil vous avez plus de chance de rencontrer le "503" problème, comme votre blog utilise plus de ressources à partir de Blogger de livrer ou de charger votre blog. Deuxièmement un nombre excessif de postes sur la page d'accueil (même résumées postes) peut entraîner une 503 car il ya un retard avec Blogger chargement de votre blog. Vous pouvez choisir d'afficher votre dernier message ou plusieurs postes en question, et inclure un widget avec des liens vers vos messages précédents. C'est SEO friendly et réduire la quantité de problèmes que vous aurez avec votre blog.

Niveau moyen (certaines compétences et les connaissances sont nécessaires)

- Utilisez un modèle léger et éviter d'utiliser le «concepteur du modèle" de Blogger

- Utiliser des images de lumière

Si vous utilisez un modèle fait de la «designer de templates" onglet, il ya un test simple que vous pouvez faire pour révéler à quel point votre template est: Nettoyer les cookies de votre navigateur et ouvrez votre blog (tableau de bord Blogger pas) en tapant la url dans la barre d'adresse du navigateur. Prenez note du temps qu'il faut pour que votre blog se charge complètement, maintenant la parole à un blogueur et modifier votre modèle pour n'importe quel modèle libre et répéter les mêmes étapes, nettoyer vos cookies et ouvrez votre blog à nouveau et de comparer les temps. Certains des modèles réalisés avec le "Designer Template" ont un moins bon rendement, en particulier ceux qui ont quelques scripts java et / ou une image de fond.

Images jouer un rôle important à sauver des piqûres, vous pouvez utiliser le format PNG ou GIF, car ces formats sont légers, vous pouvez également utiliser JPG, mais vous devez toujours les comparer pour savoir qui est le plus léger. PNG n'est pas toujours la meilleure. Si vous ne savez pas comment changer les formats de fichier des images que vous pouvez lancer une recherche sur Google pour GIPM; un logiciel open source avec des fonctions comme Paint Shop Pro, facile à utiliser, surtout pour changer les formats d'image.

de haut niveau (compétences et les connaissances sont nécessaires)

test de vitesse en utilisant Firebug pour Firefox -

La meilleure façon d'analyser et d'obtenir un rapport complet sur les performances de votre blog est d'utiliser "Firebug" pour Firefox. Firebug fera rapport une série de problèmes que votre blog peut-être afin de réduire le temps de chargement de votre blog qui est l'un des facteurs déterminants de la 503 "Service non disponible» erreur.

Vous obtiendrez des rapports spécifiques sur la façon dont votre CSS est la scène, où vous pouvez réduire la taille de votre CSS, où placer vos fichiers Javascript, et bien plus encore. Et surtout, il va créer une version compressée de votre CSS (meilleures performances) pour vous d'utiliser ainsi qu'une copie de toutes les images dans un format différent, par exemple si vous avez des images JPG, Firebug permettra de comparer l'image même d'autres formats et vous donnera la même image mais sous un format différent de gagner du temps dans le montage de ces images.

Globalement, il ya beaucoup de choses que vous découvrirez sur votre blog après avoir exécuté un test sur Firebug que vous ne savez pas comment résoudre, si tel est le cas, vous pouvez sauter dans le forum et poser des questions à ce sujet.

Pourquoi devriez-vous soucier de tout cela?

Vous pensez peut-être pourquoi ai-je besoin de s'embêter avec tout cela, pourquoi ne pas simplement attendre que quelqu'un de Blogger et Google pour résoudre le problème?. Eh bien la réponse est facile: ce n'est pas seulement un problème de Blogger ce blog est un problème, et dans ce cas, les blogs à travers le monde. Ce n'est pas résolu par l'achat d'un serveur supplémentaire ou embaucher quelqu'un pour résoudre le problème, cela peut en partie être résolu par nous les blogueurs et la manière dont nous faisons les choses. Blogger est la seule plateforme de blog qui vous offre le meilleur des deux mondes: les avantages d'une auto blog hébergé gratuitement. Vous avez juste à vous poser aimerais-je si Blogger a changé les règles et a commencé à facturer ses utilisateurs pour leur service gratuit?

Cela peut ou peut ne pas arriver, mais pour l'instant c'est juste un appel à tous les blogueurs de changer leur façon de faire les choses pour le mieux, à la fin de la journée il aidera votre blog ainsi que l'expérience utilisateur que vous offrez à vos utilisateurs blog.

5 Conseils pour gagner des visiteurs avec Facebook

2010-12-23T16:38:00.003+01:00

Conseils pour gagner du trafic avec Facebook:

1 Créer une page Fan sur Facebook

2 Importer le flux RSS d’un blog dans Facebook

3 Lier sa Page Fan Facebook à Twitter

4 Ajouter Bouton Facebook à votre modèle Blogger

5 Ajouter le bouton j’aime de Facebook sur votre blog

1.Posez des questions à vos fans :

Il est intéressant de poser des questions à vos fans, pour créer une réelle interaction. Partagez avec eux et laissez-les parler, vous aurez ainsi de nombreuses nouvelles idées à mettre en oeuvre, à vous de trier et d’agir par la suite!

2.Faites la promotion de vos discussions Facebook

Lorsque vous parvenez à engager une discussion importante sur votre page fan, n’hésitez pas à en faire la promotion sur votre newsletter ou sur Twitter. Ainsi, vous augmenterez encore les réactions et vous aurez un véritable forum à idées sur votre page fan !

3.Faire participer vos visiteurs à votre contenu éditorial

Qui est mieux placé que vos fans pour savoir ce qu’ils aimeraient voir sur votre site? Personne !

Faites les participer en ce sens, n’hésitez pas à leur demander régulièrement ce qu’ils aimeraient voir dans votre prochain article de blog par exemple.

4.Lancement, pré-lancement et promotions

Lorsque vous préparez un projet ou un produit important, utilisez Facebook dans le but de faire monter la pression et de susciter l’envie de vos fans. Donnez-leur régulièrement des informations alléchantes sur votre futur produit ou service, histoire d’aiguiser leur appétit. Vous pourrez ensuite vendre plus facilement lors du lancement.

5.Utilisez une landing page sur votre page fan

Créer une page d’accueil bien faite peut augmenter votre nombre de fans rapidement. Servez-vous en !

Guide SEO de Blogger (Augmenter vos visites)

2010-12-23T15:58:00.004+01:00

Guide SEO traduit de SEObook.com

Aaron et Giovana Wall (SEObook.com) ont publié le Blogger’s Guide to Search Engine Optimization [EN].
Il s’agit d’une traduction sans interprétation. Elle ne reflète que la position de son auteur: j’y adhère fortement, même si celle-ci est parfois fort “américaine”.

Sections

Historique

Bien que nous ayons écrit un livre de plus de 300 pages à propos du référencement, une petite dizaine de pages suffisent à couvrir le domaine du référencement des blogs. Pourquoi? Parce qu’au fur et à mesure que le secteur de la recherche s’améliore, Google et les autres moteurs de recherche collectent de plus en plus de données, leur pemettant de recommander et positionner les blogs sur base de la confiance que les internautes leur portent.

Ce que Google sait de votre blog

Ce que Google possède

Les moteurs de recherchent disposent d’un grand nombre d’indicateurs de confiance pour les blogs. Google en sait bien plus que ce qu’on peut croire. Gardez en tête que Google possède…

le plus important portail de recherche
une plateforme d’email de pointe
un système de page d’accueil personnalisée
un lecteur de flux
un gestionnaire de flux
un outil de web metrics
une régie publicitaire
la barre d’outils la plus distribuée au monde (avec un potentiel d’analyse de trafic)
le plus important site d’hébergemet de contenu vidéo; et
Google collecte des données depuis des millions de comptes Google chaque jour

Extrapolation de la confiance basée sur les données-utilisateur

Si un utilisateur de Google s’inscrit à votre blog, jusqu’à quel point Google peut il avoir confiance en l’attention que cette personne porte à votre blog, et en sa souscription ? Combien de temps restent-ils inscrits ? A quelle fréquence les utilisateurs interagissent-ils avec votre site ? A quels autres sites s’inscrivent-ils ? Avec quels autres sites interagissent-ils ? Quelle est la fréquence de leurs recherches, et leurs habitudes en matière d’email ?
Si un autre blog lie vers le vôtre, à quel point Google doit-il considérer ce lien comme un vote vers votre site qui peut l’aider à mieux se positionner ? Est-ce que d’autres blogs populaires et dignes de confiance lient vers ce site ? Combien de personnes suivent leur flux RSS ?
Si des services comme Bloglines ou MyBlogLog sont en mesure de répondre à certaines de ces questions, Google est capable d’y répondre mieux que quiconque.
En plus des données reprises ci-dessus, Google connaît l’âge de votre site, avec quelle rigueur vous publiez du contenu, et quelle fréquence votre réseau de liens a progressé.

Pourquoi le référencement des blogs est-il différent de celui des sites statiques ?

Le référencement d’un blog est différent du référencement de la plupart des autres types de sites, principalement du fait des éléments communautaires qui font partie intégrante du fait même de bloguer. Le référencement d’un blog est bien moins porté sur l’achat de liens ou les techniques permettant de flouer les moteurs. Le référencement d’un blog est plus axé sur la publication de sujets qui sont matière à discussions, et la création de contenu digne d’attention.

La nature sociale des blogs

La syndication de contenu et les lecteurs de flux permettent d’aisément souscrire au contenu que vous publiez, et d’être prévenu au moment où vous le publiez.
Beaucoup de lecteurs de blogs sont aussi des blogueurs eux-même, et certains d’entre eux ont des centaines ou milliers de lecteurs. Si quelques blogueurs de bonne réputation parlent de votre contenu, il suffit de peu pour qu’un grand nombre de leurs lecteurs partagent votre publication.
Les blogs populaires qui sollicitent les commentaires de leurs lecteurs peuvent obtenir des dizaines voire des centaines de commentaires pour chaque billet, ajoutant un contenu unique sur lequel la page peut se positionner.
Optimiser un blog tient plus de la captation d’attention, et de la prise de reconnaissance du fait des idées qu’on dispense, que d’optimiser une page pour correspondre au mieux aux attentes des algorithmes.

Enregistrement de nom de domaine, et hébergement de blog

Des services comme TypePad, Blogger, et Wordpress.com vous permettent d’héberger votre site sous la forme d’un sous-domaine de leur site. Ne faites PAS ce choix ! Certains de ces services offrent un nombre limité de fonctionnalités et/ou ne permettent pas de placer de la publicité sur votre site. Il faut des mois pour acquérir son audience. Plutôt que d’avoir à déplacer votre site d’un de ces services, il est préférable de commencer directement avec votre propre nom de domaine et un hébergeur de qualité.
Vous pouvez enregistrer votre propre nom de domaine pour moins de $10 chez GoDaddy.com. Dreamhost est un hébergeur accessible, et leur offre permet l’installation de Wordpress en un clic.

Recherche de mots-clés

Outils traditionnels de recherche de mots-clés

Un grand choix d’outils de recherche de mots-clés existe. Une grande partie de ces outils, comme Wordtracker, donnent les mots-clés que les internautes cherchent le plus.

Outils de recherche tendancielle de mots-clés

En tant que blogueur, vous ne recherchez pas seulement à savoir ce qui est populaire historiquement, mais aussi ce qui est récent. Vous pouvez avoir une idée de ce qui se passe en effectuant des recherches sur Technorati, Google Blog Search, et Google News. Des services comme Google Trends et Yahoo! Buzz Index vous indiquent quelles recherches étaient populaires les jours précédents.

Où utiliser les mots-clés dans votre contenu

Il est crucial d’utiliser vos mots-clés dans le titre de votre page, de préférence au début du titre. Vous pouvez utiliser vos mots-clés, des phrases thématiquement proches et des synonymes plusieurs fois dans votre contenu, mais pensez à écrire naturellement. Assurez vous que votre contenu soit rédigé pour un lecteur humain, bien plus que pour un robot. Si les internautes apprécient votre contenu et lient vers celui-ci, c’est bien plus intéressant que de se focaliser sur l’optimisation parfaite d’une page qui semblerait écrite uniquement pour un robot.
Les outils traditionnels de recherche de mots-clés proposent des “leviers?, et les outils graphiques comme Quintura permettent de visualiser les termes relatifs dans les documents qui se positionnent le mieux.

Rester dans la tendance

Traqueurs de mèmes

Quelles idées se répandent aujourd’hui ? Qui est au centre de la conversation dans la blogosphère ? TechMeme et TailRank mettent en évidence les billets de blogs récents et populaires. Des traqueurs de mèmes qui se dégagent du lot sont disponibles. La Banque Mondiale a sorti son BuzzMonitor, un outil open-source gratuit permettant à tout un chacun de créer un traqueur de mèmes.

YouTube

YouTube liste les vidéos populaires du jour, les plus commentées, and les favorites du jours. Bon nombre d’entre elles n’ont rien à voir avec votre site, mais elles sont toutes susceptibles de vous suggérer des idées qui sont potentiellement dans la tendance.

Bookmarking social

La home page de Digg, la liste “popular” de Del.icio.us, et StumbleUpon Buzz donnent des idées de ce qui est populaire ces derniers temps chez les habitués du social bookmarking. Pligg permet de créer rapidement des sites de social bookmarking de niche.

Se focaliser sur la concurrence

Vous n’avez pas à tout veiller pour réussir. Focalisez-vous sur votre marché. S’il y a dix ou vingt blogs sur votre marché, analysez qui lie vers qui, et pourquoi les gens parlent d’eux: cela vous permet d’identifier et générer les idées et le contenu qui mérite attention.
Il est facile de suivre les blogs qui concourent sur votre marché en utilisant des lecteurs de flux comme iGoogle, Google Reader, ou Bloglines. Vous pouvez analyser les liens qui pointent vers ces blogs à l’aide de Technorati ou Google Blogsearch.

Découvrir de nouvelles idées de contenu

Utilisez les listes “populaires” citées plus haut pour comprendre pourquoi les idées se répandent sur certains marchés, et quelles sont les idées qui ont fonctionné. De cette recherche, vous devriez pouvoir dénicher quelles idées ont un potentiel pour votre marché. Tout le contenu que vous rencontrez (en ligne, dans les livres, magazines, conférences, voire des événements personnels) est une source potentille d’inspiration. Conservez avec vous en permanence de quoi prendre des notes, photographier ou filmer.
Vous pouvez vous tenir informé des tendances de la blogosphère en lisant ProBlogger de Darren Rowse, et Performancing.

Ecrire des sujets clairs et attrayants

Cory Doctorow, auteur de science-fiction et blogueur (Boing Boing) a dit ceci à propos de la rédaction des sujets:

Write headlines as though you are a wire service writer.

Des sujets descriptifs permettent de placer le lecteur directement dans le contexte, et augmente les chances que les visiteurs cliquent sur votre site lorsqu’il apparaît dans les résultats.
Vous pouvez également tenter de capter l’attention avec vos sujets, en les rédigeant sous la forme d’une question, ou d’une promesse de solution. Brian Clark propose plusieurs type de titres de pages dans le dossier “Magnetic Headlines series”.

Optimiser la structure du site

Mettre en avant votre meilleur contenu

Jusqu’en septembre 2007, ma page d’accueil présentant les posts les plus récents de mon blog. Même si cela aide à promouvoir les nouveaux sujets du blog, c’est peu attrayant pour les nouveaux visiteurs. Si vous gérez un blog populaire, assurez-vous que la page d’accueil est attrayante pour un visiteur néophyte. Guidez les nouveaux visiteurs dans l’apprentissage de votre site, montrez-leur par où commencer, et mettez votre meilleur contenu en évidence. Si votre site se transforme en un véritable business, n’hésitez pas à vous investir dans la création d’outils, l’ajout d’un forum et la mise en place de fonctionnalités interactives qui inciteront les visiteurs à revenir sur votre site.
La plupart des systèmes de blogging permettent de mettre en évidence vos billets les plus populaires. Présenter vos meilleurs billets bien en évidence les rend accessible immédiatement aux visiteurs, et favorise ces billets, permettant de faire en sorte que vos visiteurs vous trouvent en lisant un de vos meilleurs contenus.
Un grand nombre de lecteurs sont des nouveaux visiteurs. Leur suggérer des articles plus anciens leur permet de comprendre l’historique de vos prises de position sans vous obliger à répéter sans cesse les mêmes choses. Si vous syndiquez votre contenu avec d’autres sites, ou que des sites vous volent votre contenu, faire mention à des ancien billets vous permet d’obtenir des liens supplémentaires, améliorant potentiellement votre positionnement.

Empêcher le Duplicate Content

Michael Gray propose une optimisation de Wordpress dans la vidéo suivante:

Ne placer les billets que dans une catégorie.
Utiliser la fonctionnalité <!– more –> pour n’afficher qu’une partie du contenu sur les pages de catégories.
Utiliser robots.txt pour bloquer les archives par dates, et les autres éléments peu intéressants ou générateurs de duplicate content.

Joost de Valk propose d’autres optimisations dans son Guide SEO pour Wordpress .
Attention: Si vous n’êtes pas un utilisateur aguerri du robots.txt, assurez-vous que vous ne bloquez pas tous les articles qui ont un date dans l’URL. En imaginant que vous utilisez une réécriture d’URL avec indentifiant (=post slug), un robots.txt pour un blog Wordpress devrait ressembler à ceci:

User-agent: *

Disallow: /*p=

Disallow: /*q=

Disallow: /*trackback

Disallow: /*feed

Disallow: /*wp-login

Pages de catégories et de tags

Créez des catégories qui sont en phase avec les mots-clés utilisés dans votre secteur. De la sorte vous développez une structure de site qui permet à ces catégories de bien se positionner sur les mots clés qu’elles ciblent. Si votre site concerne la perte de poids, créer des catégories comme “exercices”, “régimes” et “produits amincissants” est logique.
Si vous utilisez les catégories et les tags, arrangez-vous pour que ces deux systèmes ne se concurrencent pas. Par exemple, si vous créez une catégorie link building, il n’est pas logique de tagguer vos pages avec un tag link building. L’utilisation de tags en plus des catégories permet également de limiter l’utilisation des catégories à une dizaine, plutôt que d’en avoir des centaines avec un seul article dedans.

Voisinage et billets proches

Beaucoup de blogs lient vers les billets précédent et suivant sur chaque page. Ces liens sont valables et permettent aux moteurs de visiter votre site en profondeur. Certains plugins Wordpress permettent de lier vers les billets en relation avec le billet courant, ce qui permet aux lecteurs de trouver rapidement de l’information thématiquement proche, par exemple dans le cas où la page en cours ne répond pas à leur question.

Améliorer les titres de pages

Beaucoup de systèmes de gestion de blog insèrent le nom du site avant le titre du billet dans le titre de la page. Il vaut mieux que le titre de page débute par l’information la plus pertinence (le titre du billet). Plusieurs plugins permettent de modifier cela, les plus connus étant all in one SEO pack et SEO Title Tag.

Web metrics: Réitérez les recettes qui ont fonctionné

Un système d’analyse des statistiques peut vous permettre de voir:

qui lie vers votre site
vers quels billets ils lient
ce que les gens cherchent pour tomber sur votre site

Si vous pouvez savoir qui vous référence, et pourquoi ils vous référencent, il est facile d’ajouter du contenu susceptible d’acquérir des liens. Si vous savez pour quelles requêtes votre site se positionne, vous savez sur quels sujets vous êtes une source fiable, et pour quels sujets dérivés vous pourriez vous positionner d’autant plus facilement. Certains blogueurs modifient le contenu de leurs pages à fort trafic en y insérant des mots-clés supplémentaires, afin de se placer sur de nouvelles requêtes et d’obtenir plus encore de trafic via ces nouvelles requêtes.
Google Analytics est gratuit. Mint est également sympa, et a un coût unique d’enregistrement de $30 par site. Performancing et MyBlogLog proposent des programmes d’analyse de statistiques orientés blogueurs.

Controverse

Beaucoup de gens laissent la peur contrôler leurs actions, mais les plus belles réussites sont guidées par l’intuition et l’instinct bien plus que par la peur.

Personne n’aime les emmerdeurs. Certains blogueurs craignent d’être poursuivis ou de dire du mal de quelqu’un d’autre. Quand j’ai été poursuivi, mon nom, ma notoriété et mes profits ont progressé en un rien de temps. Il ne s’agit pas de dire que vous devez faire n’importe quoi, mais un procès illégitime permet par exemple d’obtenir de l’exposition médiatique.
La destruction fait partie du boulot. Dans quelques années, les gens payeront pour distribuer de l’info que je vends aujourd’hui. Les gens s’inquiètent de défendre leur copyright, mais à la manière dont le web avance, attirer l’attention et être copié n’est déjà pas mal.

Certains blogueurs éthiques auto-proclamés jouent l’ambiguïté dans leur marketing. Dans ce billet décrivant quelques stratégies à propos des vidéos “virales”, Michael Arrington a indiqué être dégoûté. Apparemment pas assez pour ne pas en parler, puisqu’il en parle sur son propre site et que ces pages vues lui ont généré un paquet de fric.

Faire usage du “Push Marketing” après le lancement de votre site

Se faire remarquer

Si le web marketing est nouveau pour vous, lisez Purple Cow par Seth Godin’s, pour comprendre comment développer des idées qui marquent. Les liens ne sont qu’une citation: si vous vous faites remarquer, les liens se feront tout seul, mais pas sans avoir fait un peu de push marketing au préalable !

Etre crédible

Beaucoup d’information soi-disant neuve est en fait du contenu remâché. Les lecteurs font preuve de plus en plus de discernement, et identifient rapidement le contenu de qualité.
Un thème Wordpress par défaut peut faire fuir les visiteurs. Si vous utilisez un thème de qualité, ou vous offrez un design professionnel, cela démontre que vous vous intéressez à ce que vous faites, et que vous voulez investir dans votre site. Le design et la présentation améliorent la crédibilité.
Etre accessible, renseigner vos coordonnées, et publier une page “à propos” bien pensée vous rend également plus crédible.

Lier vers d’autre blogs

Nous sommes plus réceptifs aux messages provenant de sources qui traitent des sujets qui nous intéressent. Il est intéressant de parler d’une personne en particulier: beaucoup de blogueurs vérifient qui lie vers eux, et lisent les billets en question.
Lier vers des sites intéressants en rapport avec votre contenu est probablement la plus accessibles des formes de marketing. Plutôt que de simplement citer un site et lui faire un lien, argumentez sur les écrits des autres. Vous pouvez également les inciter à vous répondre, ou leur proposer une interview.

Link Building

Pour les moteurs de recherche, les liens sont une forme de vote de confiance. Si vous pouvez vous le permettre, je recommande d’enregistrer votre blog dans les annuaires qui ont pignon sur rue, les annuaires thématiques, et les annuaires de blogs. Voici un peu d’info sur comment s’inscrire dans les annuaires généralistes, et Loren Baker a récemment posté un billet sur les meilleurs répertoires de blogs.

Faites la publicité de votre site

La visibilité amène la visibilité. Dépenser quelques dollars en publicité aujourd’hui peut amener à rendre votre blog populaire plus rapidement.

La publicité en Pay per click permet d’acheter du trafic ciblé depuis les moteurs de recherche.
AdWords dispose d’un large réseau de diffusion d’annonces publicitaires (AdSense). Acheter des publicités AdSense avec l’option de ciblage par site ou des Blog Ads permet d’afficher vos publicités sur des sites bien précis, au contenu proche du vôtre.
Les réseaux de communiqués comme ReviewMe permettent d’obtenir des communiqués sur des blogs thématiquement proches, et populaires.
La pub sur StumbleUpon amène des visiteurs vers vos articles pour quelques centimes.

Comprendre les effets de réseau

Avantages cumulatifs

Le 15 avril 2007, le sociologue Duncan J. Watts a publié un article dans le New York Times intitulé Is Justin Timberlake a Product of Cumulative Advantage? Dans cet article, il met en évidence la nature sociale de nos décisions:

Les gens ne prennent pratiquement jamais de décision seuls, en partie car le monde abonde tellement de choix et que nous ne savons que rarement ce que nous voulons, et en partie également parce que nous voulons souvent moins faire les meilleures expériences que faire les mêmes expériences que les autres.

Cette façon de décider, en groupe, fait que beaucoup de choses restent populaires simplement parce qu’elles sont déjà populaires.

Partager les démonstrations sociales

Commentaires: Si votre site a beaucoup de commentaires, les gens seront d’autant plus enclins à participer. Incitez les gens à commenter, ou publiez les derniers commentaires en évidence pour encourager les gens à commenter plus encore. Répondre aux commentaires incite encore plus à laisser de nouveaux commentaires. Certains vont jusqu’à se mettre d’accord pour commenter les billets l’un de l’autre, pour donner l’illusion de plus d’activité.
Statistiques de lecteurs: Si vous avez des centaines ou milliers de lecteurs, faites le savoir.
Emprunter de la notoriété: Proposez à des personnes influentes de donner leur avis, ou à participer à un projet avant de le lancer. S’ils se sentent impliqués, il vont naturellement ajouter de la crédibilité, mais aussi vous faire bonne presse.
Faites la publicité de votre publicité: Si votre blog est cité dans un grand média, à la manière d’un “Vu sur…”, cela améliore votre notoriété.

Ajouter de l’interactivité

Les gens lisent des blogs parcequ’ils les préfèrent à la lecture de tout un livre. Ajouter des images et des vidéos dans vos billets, et aérer le contenu avec des listes à puces rend votre site plus digeste.
Organiser des concours, et décerner des prix sont des manières très simples de faire parler de votre site, et de générer des profits. Voir Cory Doctorow, à propos de l’avenir des médias.

Participer à des projets populaires pour améliorer la confiance et la visibilité

Les forums tendent à avoir un gros trafic. Participer à des forums de discussions populaires peut aider à vous faire connaître. Les forums sont également de bonnes sources d’idées. Si des questions reviennent souvent sur les forums, ces questions sont souvent tapées sur les moteurs de recherche également.
Ecrire des articles en tant qu’invité sur des sites populaires vous permet de happer une part de notoriété, d’otenir de la confiance et du trafic gratuitement.
Certains blogueurs font des carnavals du blog pour améliorer leur visibilité.
Laisser des commentaires intéressants sur des blogs en rapport avec le vôtre peut amener le blogueur à s’intéresser à votre blog, et peut également amener des visiteurs depuis ce blog.

Afficher vos penchants

Avoir des penchants clairement affichés, et un discours clairement orienté permet aux visiteurs qui partagent vos points de vue d’avoir confiance en vous et de répercuter votre message.

Attendez avant de monétiser

Si vous placez des AdSense partout avant même le contenu, il est pratiquement impossible d’acquérir la confiance des leaders sur votre marché.

Se créer un réseau “sécurisant”

Si beaucoup de monde a confiance en vous, Google est plus confiant en vous, ce qui lui rend la tâche plus difficile en matière de pénalisation.

Présentation récente par Aaron

Cette présentation met en évidence les raisons pour lesquelles attirer l’attention est si important à la progression d’un blog dans un environnement concurrentiel.

Comment faire pour actualiser votre blog ou site web automatiquement

2010-12-22T16:20:00.003+01:00

Voila le petit tutoriel pour actualiser votre blog ou site web automatiquement

1.Connectez-vous à votre tableau de bord Blogger -> mise en page --> Modifier le code HTML

2.Faites défiler jusqu'à l'endroit où vous voyez <head>

3.Copiez le code ci-dessous et collez-le juste après <head>

<meta HTTP-EQUIV='refresh' content='15;URL=http://TONsite.com'/>

Note :
n'oubliai pas de remplacer http://TONsite.com avec URl de votre blog ou site.
15 est le délai entre la page 2 et le rafraichissement. vous pouvez le changer à votre choix

4.Maintenant sauvegarder votre modèle et vous avez terminé.

Comment intégrer Liens code URL, HTML, Forum en dessous articles Blogger

2010-12-22T15:35:00.001+01:00

Ce tutoriel vous explique comment créer un widget, pour que vos visiteurs fassent un lien vers votre article. je viens installer ce widget ou gadget dans le blog . Le widget propose 3 codes ( URL de l'article, le code HTML pour intégrer dans des messages à un site, un lien Forum pour intégrer votre message à un forum)

ci-dessous de l'article il y a l'exemple

alors suivez les étapes indiquées ci-dessous :

1.Connectez-vous à votre tableau de bord Blogger -> mise en page --> Modifier le code HTML

2.Faites défiler jusqu'à l'endroit où vous voyez

</head>

3.Copiez le code ci-dessous et collez-le juste avant la </head>

Le code CSS :

<style type='text/css'>
.about-article{
background-color:#f9f9f9;
padding-bottom:5px;
padding-left:20px;
font-size:11px;
}
.about-article input{
background-color:#ffffff;
}
</style>

4.Maintenant trouverez ci-dessous le code:

<data:post.body/>

5.Copiez code ci-dessous et collez-le juste après la <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div class="about-article"><p>Si vous trouvez cet article utile, faite un lien dans votre blog.</p><p class="noborder"><label for="aa-url">URL:</label><br /><input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-url" value="<data:post.url/>" /></p><p><label for="aa-forum">Lien HTML:</label><br /><input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-forum" value="<a href=&quot;<data:post.url/>&quot;><data:post.title/></a>" /></p><p>

<label for="aa-forum">Lien Forum:</label><br />
<input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-forum" value="[url=<data:post.url/>]/<data:post.title/>[/url]" /></p>
<p align='center'><a href='http://www.lebloggers.blogspot.com/' style='display:none;' target='_blank'>Widget par Le Bloggers du Net</a></p>
</div><br/>
</b:if>

NOTE : Ne changez rien dans le code ci-dessus.

6.Enregistrez votre modèle et vous avez terminé.

Modéle Blogger Iphone

2010-12-21T15:29:00.003+01:00

Blog Demo | Telecharger

INSTRUCTION :

Aller sur Presentation --> Modifier le code HTML

faite CTRL + F et taper Debut Menu et changer les URL des Icone Twitter, Facebook...
par les vôtres.

Modele BLOGGER OFFICIEL

2010-12-21T15:23:00.000+01:00

Blog Demo | Telecharger

Blogasty.com

2010-12-20T15:07:00.001+01:00

Blogasty09 est né sous la forme d'un digg-like pour blogueurs sur lequel sont venu se greffer des fonctions sociales. Aujourd'hui les membres peuvent soumettre leurs propres articles tout comme ceux qu'ils ont trouvé sur le web, participer à des groupes de discussions, voter pour des billets ou utiliser un service Internet de microblogging.

Lancé en version béta courant 2006 et sortit en version finale courant mars 2007, Blogasty est lancé par Christophe Lefevre. Il est né en 1977 avait déjà à son actif plusieurs services 'web 2.0' comme Jiiz, Blogcloud ou encore Nexcloud. En 2009 Blogasty passe en version 2 et devient Blogasty 09.

WWW : blogasty.com

Comment récuperer votre argent des régies de pub

2010-12-20T14:56:00.002+01:00

Le site Paypal vous permet de créer, consulter et utiliser votre compte sur le service de paiement électronique en ligne. Vous pouvez donc y suivre l'historique de votre activité, verser ou recevoir des sommes d'argents.

Paypal est une société américaine créée en l'an 2000 suite à la fusion de 2 start-ups (Confinity et X.com), elle est rachetée par eBay courant 2002 pour la somme de 1.5 milliards de dollars. En Europe elle est un établissement sous licence du Luxembourg. Depuis fin 2009 tout vendeur sur eBay France est obligé de passer par le paiement Paypal, ce qui n'est pas le cas ailleurs en Europe.

Utiliser ce service sécurisée:

WWW: Paypal.com

Publier des articles par mail blogger

2010-12-19T19:37:00.000+01:00

La fonctionnalité Mail-to-Blogger permet de transformer un compte de messagerie électronique en application de publication de messages blog. Dans Paramètres | E-mail, vous pouvez en effet enregistrer une adresse Mail-to-Blogger qui vous permet d'envoyer des messages à votre blog par courrier électronique :

Pour envoyer des messages à votre blog par courrier électronique, vous devez indiquer votre adresse Mail-to-Blogger dans Paramètres | E-mail :

Le format de l'adresse e-mail est le suivant : username.secretword@blogger.com. Notez que cette adresse doit rester confidentielle... Sinon, tous ceux qui l'obtiendront pourront également publier des messages blog.

Veillez également à indiquer si les messages blog envoyés par courrier électronique doivent être publiés automatiquement. Si cette option est désactivée, vos messages blog seront enregistrés dans votre compte et n'apparaîtront dans votre blog que lorsque vous vous connecterez à Blogger.com pour les publier vous-même.

Une fois que vous avez enregistré vos paramètres, vous pouvez commencer à envoyer des courriers électroniques à votre blog. L'objet de chaque courrier devient le titre de votre message blog et le courrier lui-même devient le message blog.

Remarques :

Les logiciels de messagerie électronique ajoutent parfois un texte à la fin de chaque message transmis. Pour ne pas publier ce texte dans votre blog, ajoutez la balise #end à la fin de votre message.
Mail-to-Blogger prend en charge les photos ou autres documents en pièces jointes.

Blogger Noël Logo ou icône

2010-12-19T18:36:00.001+01:00

Noël approche, et pourquoi ne pas vous re-conception de votre blog pour Noël ?

J'ai trouvé un ensemble de Blogger Noël logo icônes

Ajouter le bouton j’aime de Facebook sur votre blog

2010-12-19T18:03:00.000+01:00

Je vous expliquerai comment vous pouvez l'ajouter à votre modèle Blogger le bouton j’aime de Facebook sur les posts du blog ...

Modification de votre modèle :

1/Recherche de cette section dans votre modèle Blogger code (ou similaire):

< class="'post-footer-line">

Si vous ne trouvez pas sur cette ligne de code, la recherche de "post-footer 'à la place. Sinon, vous pouvez ajouter votre code immédiatement après la ligne:

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

Juste après le "post-footer" vous avez trouvé la ligne, collez le code du bouton choisit:

Alors, le code a copié collé pour afficher le bouton comme dessus est celui-ci :

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=standard&show_faces=false&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:25px"></iframe>

Si vous voulez personnaliser le bouton un peu, direction le site développeurs de facebook.

Comment ajouter bouton de vote Blogger

2010-12-19T17:45:00.001+01:00

Cette article simple va vous expliquer comment ajouter un bouton vote BlogEngage à votre blog.

Si vous souhaitez ajouter ce bouton de vote d'article sur votre blog, suivez les étapes indiquées ci-dessous.

1.Connectez à votre tableau de bord Blogger -> mise en page --> Modifier le code HTML

2.Cliquez sur "Développer les modèles de gadget".

3.Faites à l'endroit où vous voyez ceci:

<data:post.body/>

4.Copier le code ci-dessous et collez-le juste avant la <data:post.body/>

<div style='float:right; margin-right:10px; margin-top:10px'>
<script type='text/javascript'>
submit_url="<data:post.url/>";</script>
<script src='http://blogengage.com/evb/button.php' type='text/javascript'/>
</div>

5.Maintenant, enregistrez votre modèle et vous avez terminé.

Ajouter Bouton compteur twitter

2010-12-19T16:21:00.002+01:00

Pour montrer à vos visiteurs du blog à combien de personnes vous suivez sur Twitter, utiliser le code ci-dessous:

1.Connectez à votre tableau de bord Blogger -> Mise en page -> Éléments de la page
2.Cliquez sur "Ajouter un gadget".

" HTML / Javascript "

3.Sélectionnez et ajouter celle de code donné ci-dessous et cliquez sur Enregistrer.

1.Big followers bouton compteur :

<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=TON-TWITTER-USERNAME&style=bird">

2.BOUTON BLANC TWITTER COMPTEUR:

<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=TON-TWITTER-COMPTE"></script>

3.Bouton noir Twitter compteur :

<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=TON-TWITTER-COMPTE&style=black"></script>

4.Montrez vos abonnés Twitter en
Texte:

<script type="text/javascript" language="javascript" src="http://twittercounter.com/widget/index.php?username=TON-TWITTER-COMPTE"></script>

Comment ajouter la version Mobile de votre Blog

2010-12-19T15:43:00.005+01:00

Une nouvelle fonctionnalité vient de sortir pour les blogs de la plateforme Blogger/Blogspot: la version mobile, adaptée à la lecture des articles sur les smartphones.

Connectez vous à Draft.Blogger.com (et pas blogger.com) et allez dans Paramètre, E-mail et mobile puis dans Afficher le modèle mobile, sélectionnez Oui, sur les périphériques mobiles, afficher la version mobile de mon modèle :

Si vous ne voulez pas que Blogger détecte automatiquement les mobiles et affiche automatiquement la version Mobile de votre blog, vous pouvez afficher un lien quelque part dans votre blog.
Il suffit d'ajouter le code en dessous quelque part dans votre blog (n'oubliez pas remplacer le code en bleu par l'adresse de votre blog) :

<a href="http://www.leBloggers.blogspot.com/?m=1">Version mobile</a>

Regardez ce que ça donne en cliquant sur ce lien : Version mobile

Contacter Moi

2010-12-19T10:14:00.004+01:00

Contacter moi. Dites-moi ce que vous pensez de mon site Web. Tous vos commentaires et suggestions sont les bienvenus...

foxyform.com

Ajouter un bouton de partage officiel twitter

2010-12-15T22:02:00.002+01:00

Twitter peut devenu un outils pour les bloggers. Quelques lecteurs ont demandé s'il est possible d'ajouter un lien "Partager sur Twitter" à nos modèles de Blogger, et bien que cela est possible..
.

Je vous expliquerai comment vous pouvez l'ajouter à votre modèle Blogger afin que vos lecteurs puissent publier vos article sur votre compte Twitter...

Modification de votre modèle d'ajouter les liens sur Twitter

1/Recherche de cette section dans votre modèle Blogger code (ou similaire):

< class="'post-footer-line">

Si vous ne trouvez pas sur cette ligne de code, la recherche de "post-footer 'à la place. Sinon, vous pouvez ajouter votre code immédiatement après la ligne:

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

Juste après le "post-footer" vous avez trouvé la ligne, collez le code du bouton choisit:

Format vertical avec compteur (standard)

<a class='twitter-share-button' data-lang="fr" data-count='vertical' data-related='CompteTwitter:LeBloggers' data-via='CompteTwitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>

<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>

</script>

Format horizontale avec compteur

<a class='twitter-share-button' data-lang="fr" data-count='horizontal' data-related='CompteTwitter:LeBloggers' data-via='CompteTwitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>

<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>

</script>

Format horizontale sans compteur

<a class='twitter-share-button' data-lang="fr" data-count='none' data-related='CompteTwitter:LeBloggers' data-via='CompteTwitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>

<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>

</script>

Vidéo de démonstration

Créer un logo titre pour ton blog gratuitement

2010-12-13T16:40:00.001+01:00

Dans cette article, je tiens à vous montrer quelques polices libres qui peuvent être utilisés dans la conception de logos ou de faire des bannières site Ils sont tous gentils, simple et propre:. Départ D bon pour faire un logo ou une bannière dans le style web 2.0.

Telegraphico

Old Sans Black

HeadLine

SF Movie Poster

Dinova

Media Gothic

Florencesans SC

Sans Thirteen Black

X Scale

Space Marine

Xcelsion

7th Services

Old Republic

Guardian

Bitsumishi

He’s Dead Jim

(look like text in Die Hard movie's poster ^^ )

Hagane

Fireye

Ash font

Breakaway

AutoBahn font

Carbon Block

Dorado Headline

Corporate HQ

Good Times

ChokToff

Kimberly

Pirulen font

SF Old Republic

Final Frontier

Flip Flop font

Fortune City

Harabara

Mamma Gamma

Mentone

MicroMieps

Moltors

Oceania

Olijo

Ptarmigan

SF speedwaystar

Shadow Tag

Venus Rising

Virtue

Whoop-Ass

Zag

Red Circle

Jumbo

Widget pour faire defiler les Articles les plus récents dans Blogger

2010-12-07T10:53:00.009+01:00

Je vous présente ici la méthode la plus simple pour ajouter un Widget qui fait défiler les derniers articles / Messages les plus récents de votre blog Blogger.

Connectez vous à Blogger, Allez dans "Mise en page", cliquez sur "Ajouter un gadget" puis sur "HTML/JavaScript" et copier / coller le code suivant :


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
 
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}
 
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
 
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
 
-->
</style>
 
 <script language='JavaScript'> 
 
imgr = new Array();
 
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
 
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
 
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
 
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
 
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
 
boxwidth = 255;
 
cellspacing = 6;
 
borderColor = "#232c35";
 
bgTD = "#000000";
 
thumbwidth = 70;
 
thumbheight = 70;
 
fntsize = 12;
 
acolor = "#666";
 
aBold = true;
 
icon = " ";
 
text = "commentaires";
 
showPostDate = true;
 
summaryPost = 40;
 
summaryFontsize = 10;
 
summaryColor = "#666";
 
icon2 = " ";
 
numposts = 10;
 
home_page = "http://www.lebloggers.blogspot.com/";
 
limitspy=4
intervalspy=4000
 
</script>
 
<div id="spylist">
 <script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

Important : N'oublier pas de changer l'Url par la votre !

Comment Gagner de l’argent sur Facebook avec Goviral Network

2010-11-19T10:48:00.012+01:00

Goviral network offre la possibilité de monétiser votre audience Facebook (fan pages ou comptes personnels) en relayant sur ces espaces nos vidéos.

Gagnez de l’argent en postant des videos sur Facebook

goviral network offre désormais la possibilité de gagner de l’argent en partageant des vidéos sur votre profil Facebook, votre fan page Facebook, votre application Facebook ou encore votre groupe Facebook.

Pour cela, rien de plus simple : il vous suffit d’inscrire l’URL Facebook de votre choix en tant que nouveau site sur goviral network et de récupérer le lien des vidéos qui vous intéressent.

Deux options s’offrent à vous pour le partage :

1) Vous pouvez directement partager la vidéo en cliquant sur le bouton officiel de partage Facebook. La vidéo sera ainsi directement diffusé depuis votre Wall.

2) Vous pouvez copier le code afin de placer la vidéo à l’endroit de votre choix (idéal pour un placement sur votre Fan Page par exemple)

En quelques clics, le player goviral network apparait donc sur votre page Facebook

Rendez vous donc sur goviral Network afin de gagner de l’argent en postant du contenu vidéo sur Facebook

Statistiques de votre articles sur Facebook .

2010-11-03T11:45:00.012+01:00

Les boutons "J'aime" sont biens indépendants et correspondent à chaque article donc on peut avoir des statistique de chaque article sur Facebook lol

Alors rendez-vous sur cette page : http://www.facebook.com/insights/

Enregistrez votre nom de domaine, liez le à votre page Facebook ou votre profil ou votre application Facebook et copiez et coller un identifiant juste après la balise "head" de votre code source ou HTML.

Exemple pour LeBloggers du net:

<meta property="fb:page_id" content="155982995525515" />

Comme vous l'auriez fait pour déclarer votre blog dans Google Outils pour Webmasters.

Dès que Facebook aura vérifié que vous êtes bien le propriétaire du blog, ( c'est instantané ), vous pourrez consultez des rapports qui vous donnerons des indications sur vos visiteurs qui interagissent avec vos articles.
Attention, ce n'est pas Google Analytics, mais ça a le mérite d'exister.

Un exemple en image:

Envoyer un sitemap Google Blogger Pour Yahoo et Bing

2010-11-02T11:36:00.012+01:00

Aprés l'article Inscrire son blog sur moteur de recherche , Voila comment soumettre votre sitemap blogger.

La méthode pour éliminer certaines erreurs pendant que vous avez trouvé dans l'indexation tous les messages de votre blog dans les moteurs de recherche.

Alors comment soumettre Sitemap ou Plan du site Blogger à Google.

Suivez les étapes simples pour ajouter blog blogger sur Outils pour les webmasters de Google.

1. Connectez-vous pour tableau de bord Blogger.

2. À la fin de la page, sous la case Outils et ressources - Cliquez sur Webmaster Tools.Vous serez invité à activer Webmaster Tool de l'activer

3. Si vous êtes invité, entrez nom d'utilisateur et mot de passe pour vous connecter.

4. Après vous être connecté Cliquez sur Ajouter un site.

5.Entrez votre URL de votre blog. Et n'oublier pas d'inclure "/" A la fin de URL votre blog .
(Ex : http://www.lebloggers.blogspot.com/).

6.Ensuite, il vous sera demandé de vérifier votre blog. Il suffit de la vérifier comme il dit "J'ai rajouté la balise META à mon code HTML".

7. A l'intérieur de Outils pour les webmasters, cliquez sur Soumettre un plan Sitemap et ajoutez le code suivant à l'intérieur de la boîte:

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

8. Si vous avez plus de 200 Articles : Et bien remplacer la valeur 100 par quelque chose de plus grand nombre comme 500. Si vous avez plus de 500 articles et bien ajoutez sitemaps dans ce format.

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=1500

Voici un générateur pour Sitemap blogger : Il suffit de visiter la page de l'outil ici pour obtenir la présentation des Sitemap pour google yahoo et bing.

Pour plus d'aide, vous pouvez lire cet article aussi sur l'inscription de votre blog sur les moteur de recherche

Tutoriels similaires :

- Referencer son blog sur le moteur de recherche de blogs Google
- Soumettre Sitemap Blogger Ask.com