The Blogueur

Ajouter Le Bouton Suivre/Follow De Twitter à Blogger

noreply@blogger.com (Unknown) — Sun, 24 Mar 2013 01:26:00 +0000

Ajouter le bouton Suivre de Twitter (Twitter Follow Me Button) à votre blog Blogger pour augmenter le nombre de vos abonnées et valoriser votre audience en affichant le nombre de personnes qui vous suivent.
L'intégration du bouton Follow Me/Suivez Moi est simplissime et toute personne connectée cliquant sur celui-ci s'abonnera instantanément à vos publications sans même passer par Twitter.

Présentation Et Code Du Bouton Follow/Suivre De Twitter

Bouton Large Avec Compteur

Suivre @TBlogueur

<a href="https://twitter.com/TBlogueur" class="twitter-follow-button" data-show-count="true" data-size="large">Suivre @TBlogueur</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Bouton Large Sans Compteur

Suivre @TBlogueur

<a href="https://twitter.com/TBlogueur" class="twitter-follow-button" data-show-count="false" data-size="large">Suivre @TBlogueur</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Bouton Normal Avec Compteur

Suivre @TBlogueur

<a href="https://twitter.com/TBlogueur" class="twitter-follow-button" data-show-count="true" data-size="medium">Suivre @TBlogueur</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Bouton Normal Sans Compteur

Suivre @TBlogueur

<a href="https://twitter.com/TBlogueur" class="twitter-follow-button" data-show-count="false" data-size="medium">Suivre @TBlogueur</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Configuration Du Bouton

- Remplacez TBlogueur avec votre nom d'utilisateur Twitter.
- Vous pouvez remplacer le mot Suivre avec un mot de votre choix, par exemple : Follow , S'abonner...
- Vous pouvez masquer votre pseudonyme en supprimant @Nom_D'utilisateur.
- Si vous avez déjà installer le bouton de partage Twitter, alors ne recopiez pas le script :

car c'est le même utilisé.

Ajouter Le Bouton D'abonnement Suivre De Twitter à Blogger

Pour intégrer le bouton Suivez-moi de Twitter dans votre blog, il vous suffit de copier son code puis allez à "Mise En Page" > "Ajouter un Gadget" > "HTML/JavaScript"
collez le bout de code précédemment copié, puis cliquez sur "Enregistrer".

Pour placer le bouton Follow au début des articles,
allez à "Modèle" > "Modifier le code HTML" > "Développer des modèles de gadgets"
et insérez le code du bouton juste après la balise :

Si vous désirez afficher le bouton à la fin de vos articles, alors placez le code approprié juste après une des lignes suivantes :

Pour plus d'informations, visitez la page Twitter ressources :
https://twitter.com/about/resources/buttons#follow

Gadget Top Commentateurs Avec Image Pour Blogger

noreply@blogger.com (Unknown) — Tue, 12 Mar 2013 13:24:00 +0000

Ajouter le "Widget Top Commentateurs Avec Image" dans Blogger Blogspot.
Le but du gadget "Top Commentateurs" est très simple : il affiche sur toutes les pages de votre blog le classement des lecteurs et lectrices qui interagissent le plus sur votre blog: les internautes qui ont posté le plus de commentaires, en affichant leur image personnalisé s'il en ont un, ou l'avatar par défaut sinon, avec un lien vers le profil de cette commentateur ce qui pourrait provoquer vos visiteurs à poster plus de commentaire pour apparaitre dans le Top des Commentateurs.

Démonstration :
Voici une capture d'écran du résultat final :

Ajouter Le Gadget Top Commentateurs Avec Image Dans Blogger

Le Widget "Top Commentateurs" est très simple à installer et très fonctionnel;
Pour l'intégrer à votre blog, accédez à "Mise En Page" > "Ajouter Un Gadget" > "HTML/JavaScript"
et copier/coller le code suivant :

Cliquer sur "Enregistrer".
Le widget "Top Commentateurs Avec Image" est installé maintenant sur votre blog.

Comment Rediriger Une Page Vers Une Autre Dans Blogger

noreply@blogger.com (Unknown) — Sun, 10 Mar 2013 09:25:00 +0000

Blogger offre la fonctionnalité redirection temporaire "302" sous l’appellation "Redirections Personnalisées" qui permet de rediriger automatiquement les visiteurs du blog d'une page à une autre de manière transparente.
Cette fonctionnalité ne s'applique que sur les pages internes de votre blog.
Donc si de manière temporaire une page, un article est inaccessible (après une suppression par erreur par exemple) ou que vous souhaitez que l'url de votre blog pointe directement sur une page spécifique sans passer par la page d’accueil, il peut être intéressant de définir une redirection personnalisée.

Comment Rediriger Une Page Vers Une Autre Dans Blogger

Pour saisir une redirection personnalisée, accédez à "Paramètres" > "Préférences de recherche", puis cliquez sur "Modifier" à côté de "Redirections personnalisées".

Saisissez l'ancienne URL dans le champ "Source" (De) et la nouvelle dans le champ "Destination" (Pour).
à noter que les URLs à mentionner doivent contenir uniquement le chemin path : il ne faut pas indiquer la racine du blog
par exemple, pour un article dont l'url est :

http://www.theblogueur.blogspot.com/2013/03/redirections-personnalisees.html

Ne doit être repris que cette partie :

/2013/03/redirections-personnalisees.html

Pour les pages statiques, la partie qui doit être reprise est :

/p/Nom-De-La-Page.html

Pour les pages libellés :

/search/label/Nom-De-Libellé

Pour rediriger la page d'accueil, il suffit de mentionner un slash "/" :

Pour désactiver une redirection, cocher la case puis cliquer sur "Supprimer".
Cocher la case "Permanent" si vous voulez que les moteurs de recherche prendre en considération la redirection.
Pour ajouter d'autres redirections, sélectionnez "Nouvelle redirection"...

Comment Afficher Ou Cacher Les Widgets Sur Des Pages Specifiques Dans Blogger

noreply@blogger.com (Unknown) — Tue, 05 Mar 2013 00:02:00 +0000

Lorsque vous installez un widget dans Blogger, il sera affiché, par défaut, sur toutes les pages de votre blog.
Parfois, vous souhaitez peut être de ne faire apparaître ce widget que sur la page d'accueil, ou de le cacher uniquement dans les pages des articles, ou de l'afficher seulement dans les pages statiques, les pages de libellés ou même dans des pages spécifiques du blog.
Dans cette optique, nous allons utiliser les balises conditionnelles pour pouvoir afficher les widget sur certaines pages et de les masquer sur le reste du blog.

Comment Afficher - Cacher Des Widgets Sur Certaines Pages Dans Blogger

Tout d'abord, il faut connaître le nom du widget, sinon vous devez récupérer son ID : "HTML1", "TEXT1", "LINKLIST3"...
Pour ce faire, allez à "Mise En Page" puis cliquez sur le lien "Modifier" dans le widget désiré.
L'id du gadget apparaît à la fin de l'url dans la barre d'adresse de la petite fenêtre qui s'ouvre.(juste après widgetid=)

Une fois l'id récupéré, allez à "Modèle" > "Modifier le code HTML" > et cochez la case "Développer des modèles de gadgets". Recherchez ensuite votre widget en utilisant la fonction CTRL+F et en saisissant le nom ou l'id du gadget dans la zone de recherche.
Vous allez trouver un code qui ressemble à ceci :

<b:widget id='ID_Du_Gadget' locked='false' title='Nom_Du_Gadget' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

C'est le code du widget ou gadget que vous avez ajouté dans la rubrique "Mise En Page".
Il ne reste qu'à ajouter les balises conditionnelles en dessous et au-dessus des balises <b:includable id='main'> et </b:includable> pour afficher les widgets dans des pages ou messages spécifiques. Et d'insérer un code CSS juste après la balise <b:include name='quickedit'/> afin que le contenu du widget n’apparaîtra pas comme une boîte vide sur le reste des pages.
Voici quelques exemples :

Afficher le widget seulement dans la page d'accueil :

<b:widget id='ID_Du_Gadget' locked='false' title='Nom_Du_Gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
<b:else/>
<style type='text/css'>
#ID_Du_Gadget {display:none;}
</style>
</b:if>
</b:includable>
</b:widget>

Afficher le widget seulement dans les pages de messages (les articles) :

<b:widget id='ID_Du_Gadget' locked='false' title='Nom_Du_Gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
<b:else/>
<style type='text/css'>
#ID_Du_Gadget {display:none;}
</style>
</b:if>
</b:includable>
</b:widget>

Afficher le widget seulement dans les pages statiques :

<b:widget id='ID_Du_Gadget' locked='false' title='Nom_Du_Gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
<b:else/>
<style type='text/css'>
#ID_Du_Gadget {display:none;}
</style>
</b:if>
</b:includable>
</b:widget>

Afficher le widget seulement dans les pages articles et les pages statiques :

<b:widget id='ID_Du_Gadget' locked='false' title='Nom_Du_Gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:post.url'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
<b:else/>
<style type='text/css'>
#ID_Du_Gadget {display:none;}
</style>
</b:if>
</b:includable>
</b:widget>

Afficher le widget uniquement dans une page spécifique :

<b:widget id='ID_Du_Gadget' locked='false' title='Nom_Du_Gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL_De_La_Page"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
<b:else/>
<style type='text/css'>
#ID_Du_Gadget {display:none;}
</style>
</b:if>
</b:includable>
</b:widget>

Cacher le widget seulement dans les pages archives :

<b:widget id='ID_Du_Gadget' locked='false' title='Nom_Du_Gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "archive"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
<b:else/>
<style type='text/css'>
#ID_Du_Gadget {display:none;}
</style>
</b:if>
</b:includable>
</b:widget>

Afficher le widget uniquement sur la page d'accueil et les pages de libellés :

<b:widget id='ID_Du_Gadget' locked='false' title='Nom_Du_Gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.searchLabel'>


<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
<b:else/>
<style type='text/css'>
#ID_Du_Gadget {display:none;}
</style>
</b:if>
</b:if>
</b:includable>
</b:widget>

Pour plus d'informations sur les balises conditionnelles, consultez l'article suivant :
Comment utiliser les balises conditionnelles <b:if>, <b:else/> dans Blogger

Comment Utiliser Les Balises Conditionnelles Dans Blogger

noreply@blogger.com (Unknown) — Fri, 01 Mar 2013 09:21:00 +0000

Les balises conditionnelles <b:if> / <b:else/> ( si / sinon) sont des éléments spécifiques à Blogger qui offrent davantage de souplesse en permettant de définir des modifications de modèle qui ont lieu uniquement dans certaines conditions.
Les balises des conditions, Blogger Conditional Tags, sont utilisées dans le code HTML du modèle pour indiquer aux navigateurs ce que doit être afficher ou cacher selon le cas.
Vous allez voir que les conditions constituent vraiment la base pour rendre votre blog dynamique, c'est-à-dire pour afficher des choses différentes en fonction de type des pages, de l'auteur, du nombre de commentaires, etc.

Principe Et Syntaxe Des Balises Conditionnelles

Le principe d'utilisation des balises conditionnelles est simple : on définie une condition et le contenu sera exécuté selon tel ou tel cas.
Ces balises peuvent être insérées aussi bien dans le code HTML du modèle que dans une gadget HTML/Js.
D'une manière générale, la syntaxe (en français) est la suivante :

Si Condition = élément_comparé | opérateur de comparaison | élément comparant
=>Exécuter cette partie
Sinon
=>Exécuter cette autre partie
Fin si

Exemple :

SI le type de la page est égale à TYPE
=> Exécuter cette partie
SINON
=> Exécuter cette autre partie
Fin de condition

on peut aussi utiliser une deuxième condition à la place de SINON :

SI le type de la page est égale à TYPE
=> Exécuter cette partie
Fin de condition1
SI le type de la page est différent de TYPE
=> Exécuter cette autre partie
Fin de condition2

Par exemple, si on veut afficher BONJOUR dans les pages article et BYE sur toutes les autres pages, alors en langage HTML cela donne :

<b:if cond='data:blog.pageType == "item"'>
BONJOUR
<b:else/>
BYE
</b:if>

ou encore :

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

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

* à noter que la comparaison avec un autre élément n'est pas obligatoire; donc s'il n'existe pas d'élément comparant, la comparaison se fait selon le contenu de la donnée.
Exemple :

<b:if cond='data:post.title'>

Cependant, la balise b:else n'est pas aussi obligatoire. Elle est utile s'il s'agit d'exécuter une alternative.

* L'élément comparé peut être une donnée Blogger, une valeur texte ou une valeur numérique.
s'il s'agit d'une valeur texte, elle doit être encadré de guillemet (' ') échappés (") => Exemple : "Texte encadré"

* Les opérateurs de comparaison :
Voici comment comparer les données dans Blogger :

Opérateur	Signification	Type de valeur
==	Est égal à	texte ou numérique
!=	Est différent de	texte ou numérique
>	Est plus grand que	Uniquement numérique
<	Est plus petit que	Uniquement numérique

Les Différents Types De Pages Blogger Et Les Balises Conditionnelles à Utiliser

La page d'accueil du blog : Blogger Home page

<b:if cond='data:blog.url == data:blog.homepageUrl'>
{...}
</b:if>

Les pages articles (message,post) ou Items

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

Les pages index : index page
Elle se réfère à toutes les autres pages sauf les pages articles càd la page d'accueil, de libellés, des archives et celle de la recherche.

<b:if cond='data:blog.pageType == "index"'>
{...}
</b:if>

Les pages statiques : static page

<b:if cond='data:blog.pageType == "static_page"'>
{...}
</b:if>

Cibler à la fois les pages articles et les pages statiques

<b:if cond='data:blog.url == data:post.url'>
{...}
</b:if>

Les pages de libellés : Label page

<b:if cond='data:blog.searchLabel'>
{...}
</b:if>

Les pages des archives : Archive page

<b:if cond='data:blog.pageType == "archive"'>
{...}
</b:if>

Une page en particulier :
Il suffit d'insérer l'adresse URL de la page désirée.

<b:if cond='data:blog.url == "URL_De_La_Page"'>
{...}
</b:if>

Page d'erreur 404 : Blogger error page

<b:if cond='data:blog.pageType == "error_page"'>
{...}
</b:if>

Le premier article ou l'article le plus récent du blog

<b:if cond='data:post.isFirstPost'>

La version mobile

<b:if cond='data:blog.isMobile'>

Inverser Une Condition

Une condition peut être inversé simplement en remplaçant l'opérateur == (est égal à) avec l'opérateur != (est différent de) :

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

Dans l'exemple précédant le contenu va s'afficher dans toutes les pages du blog mais pas dans la page d'accueil.

Comment utiliser les balises conditionnelles

Le contenu qu'on veut afficher/masquer doit être insérer à l'intérieur de la condition càd entre les deux balises <b:if...> et </b:if>
Les conditions peuvent être utiliser n'importe-où dans le code HTML, mais dans certain cas il faut les insérer avec soin afin d'éviter l'affichage des erreurs lors de l'enregistrement du modèle.
Par exemple si on veut appliquer une condition sur un widget il faut la mettre entre les deux balises <b:includable id=....> et </b:includable>
Dans certaines situations il faut regrouper plusieurs conditions afin d'arriver à un résultat. Par exemple pour afficher un contenu dans la page d'accueil, dans les pages statiques et dans un article en particulier, il faut écrire ça :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.url == "static_page"'>
<b:if cond='data:blog.url == "URL_De_La_Page"'>
Le contenu qu'on veut l'afficher uniquement si on se trouve dans la page d'accueil ou dans une page statique ou dans l'article indiqué.
</b:if>
</b:if>
</b:if>

N'oubliez surtout pas de fermer les conditions avec la balise </b:if> pour chaque <b:if...> usé.

Widget Articles Récents Avec Image Pour Blogger

noreply@blogger.com (Unknown) — Mon, 11 Feb 2013 21:50:00 +0000

Dans cet article nous allons voir comment ajouter le widget "Articles Récents Avec Image" afin d'aider vos visiteurs de retrouver directement les derniers articles de votre blog Blogger.
Ainsi, vous pouvez facilement personnaliser l'affichage du gadget grâce à un certain nombre de paramètres tel que le nombre d'articles à afficher, la largeur et la longueur de l'image, la taille et la couleur du texte...etc

Comment Installer Le Widget Articles Récents Avec Images Dans Blogger

Connectez-vous à Blogger, allez dans "Mise En Page" ➥ "Ajouter Un Gadget" ➥ dans la liste proposée sélectionnez "HTML/JavaScript" ➥ choisissez un titre, puis copier/coller le code suiavnt dans la grande zone et enfin cliquez sur "Enregistrer"

Personnalisation Du Gadget

Vous pouvez personnaliser l'affichage du widget "Articles Récents Avec Images" en modifiant les valeurs suivantes :

boxwidth = 300; : Largeur du gadget en pixel.

cellspacing = 2; : Espacement entre les titres.

borderColor = "#fff"; : couleur de l'arrière plan du gadget.

thumbwidth = 32; : Largeur de l'image en pixel.

thumbheight = 32; : Longueur de l'image en pixel.

fntsize = 12; : Taille des titres.
acolor = "#555"; : Couleur des titres

aBold = true; : Texte en gras (sinon remplacer true par false)
text = "Commentaire(s)"; : Texte à afficher à côté du nombre de commentaires.

numposts = 5; : le nombre d'articles à afficher.
home_page = "http://www.theblogueur.blogspot.com/"; : Vous devez absolument modifier theblogueur.blogspot.com avec l'adresse de votre blog.

Voilà, le widget "Articles Récents Avec Image" est installé maintenant sur votre blog Blogger.

Liste Déroulante Avec Liens Hypertexte

noreply@blogger.com (Unknown) — Sun, 10 Feb 2013 02:27:00 +0000

Afficher une liste déroulante HTML dont chaque option serait un lien hypertexte aboutissant à une des pages de votre site/blog.
Lorsque l'on choisi un élément, l'url de cette page s'ouvre sans que l'on soit obliger de cliquer sur un bouton envoyer (submit).
Dans la suite, nous allons voir comment créer une liste déroulante simple contenant une série de liens parmi lesquelles le visiteur peut en choisir un, et une autre liste qui demande d'utiliser l'élément optgroup si vous choisissez de regrouper des éléments.

Comment Créer Une Liste Déroulante Avec Des Liens Hypertextes

Démonstration

Code De La Liste

Configuration De La Liste

Menu Déroulant De Liens : c'est le titre à afficher sur la lite, vous pouvez le modifier avec un titre de votre choix.
Lien 1, Lien2, Lien 3 et Lien 4 sont les adresses (url) des pages vers lesquelles vont pointer les entrées Titre1, Titre 2, Titre 3 et Titre 4; Vous devez faire les modifications nécessaires.
Vous pouvez rajouter autant de liens que vous le désirez en recopiant la ligne :

<option value="Lien X">Titre X</option>

Liste Déroulante Avec Regroupement D'éléments :

Plutôt que de définir les éléments <option> les uns à la suite des autres, ce qui donne un aspect uniforme à la liste une fois déroulée, il est possible de créer des groupes d’options et de leur attribuer un titre qui fait ressortir les groupements effectués pour structurer la liste, en particulier quand elle contient un grand nombre d’éléments. Pour réaliser ces groupes, il faut faire intervenir l’élément <optgroup> dans l’élément <select>.

Démonstration :

Code De La Liste

Configuration De La Liste

Les options de chaque groupe sont incluses entre les balises <optgroup> et </optgroup>. À l’intérieur d’un élément <select>, on peut inclure autant de groupes que l’on veut. Le libellé de chaque groupe est donné dans l’attribut label de l’élément <optgroup>.

Comment Ajouter Un Menu Déroulant De Liens Dans Blogger

Copier le code de la liste de votre choix (sans ou avec regroupement d'éléments) et allez à :
"Mise En Page" > "Ajouter un Gadget" > "HTML/JavaScript"
collez le code dans la petite fenêtre qui s'ouvre, et enfin cliquez sur "Enregistrer".

Widget Libellés En Nuage De Mots-Clé Avec Animation Flash

noreply@blogger.com (Unknown) — Tue, 29 Jan 2013 05:47:00 +0000

Dans cet article, je vais vous montrer comment installer la nouvelle version du Widget Libellés En Nuage De Mots-Clé Avec Animation Flash dans Blogger Blogspot.
L'installation simple, rapide et sans toucher aucune ligne de code de votre modèle.
Vous pouvez également personnaliser le gadget grâce à un certain nombre d'options telles que la largeur, la hauteur, les couleurs et la vitesse.

Live Démo

Cliquez sur le lien suivant pour voir la démo en live widget libellés en nuage de mots-clé animés :
démo

Ajouter Le Widget Libellés de Mots-Clé Animés Dans Blogger

Connectez-vous à Blogger, allez dans "Mise En Page" ➥ "Ajouter Un Gadget" ➥ dans la liste proposée par Blogger, sélectionnez "HTML/JavaScript" ➥ choisissez le titre du gadget (ex: Catégories) et copier/coller le code suivant dans le grand rectangle puis cliquez sur "Enregistrer"

<div id="w2bFlashContent"><p style="display:none;">Flash Labels by <a href="http://www.TheBlogueur.Blogspot.com/">TheBlogueur</a></p></div>
<script type="text/javascript">
/*<![CDATA[*/
var w2bFlashLabelSettings = {
    blogurl        : "http://TheBlogueur.blogspot.com",
    color          : "333333",
    hoverColor     : "666666",
    backgroundColor: "FFFFFF",
    size           : 12,
    speed          : 100,
    width          : 230,
    height         : 300,
    transparency   : true
};
/*]]>*/
</script>
<script type="text/javascript" src="http://label-cloud.googlecode.com/files/TheBlogueur-new-flash-label-cloud.js"></script>

Configuration Du Gadget

Changer les valeurs des paramètres en rouge pour personnaliser l'affichage du gadget :

blogurl : remplacer http://theblogueur.blogspot.com avec l'adresse de votre blog.
color : couleur du texte
hovercolor : couleur au survol.
backgroundColor : couleur de l'arrière plan.
size : taille du texte.
speed : vitesse de rotation des mots-clé.
width : largeur en pixel.
height : hauteur en pixel.
transparency : remplacer true par false pour désactiver l'effet de transparence.

Pour obtenir les codes couleurs, consultez les liens suivants :
Code Des Couleurs HTML
Générateur De Code Couleur Hexadécimal

Widget Commentaires Récents Avec Avatars Pour Blogger

noreply@blogger.com (Unknown) — Mon, 28 Jan 2013 17:25:00 +0000

Ajouter le widget "Commentaires Récents Avec Avatar" pour afficher les derniers commentaires de votre blog Blogger.
Si vous voulez contrôler complètement ce qui apparaît sur votre blog, voici un article présentant une fonction affichant la liste des derniers commentaires.
Le gadget "Commentaires Récents" affiche le nom du commentateur, son avatar, un extrait du commentaire et un lien lire la suite.
En plus, le widget est facile à utiliser et à personnaliser.

Démonstration

Voici une capture d'écran du résultat final :

Ajouter Le Widget Commentaires Récents Avec Images à Blogger

Connectez-vous à Blogger, allez dans "Mise En Page" ➥ "Ajouter Un Gadget" ➥ dans la liste proposée sélectionnez "HTML/JavaScript" ➥ choisissez le titre du gadget (ex: Commentaires Récents) et copier/coller le code suivant dans la grande case puis cliquez sur "Enregistrer"

Personnalisation Du Gadget

Vous pouvez,si vous voulez, personnaliser le widget "Commentaires Récents" en modifiant les valeurs suivantes :
    numComments    = 5, ➥ Le nombre de commentaires à afficher
    showAvatar    = true, ➥ Si vous voulez désactiver l'affichage d’avatars remplacer true par false
    avatarSize    = 30, ➥ La taille de l'avatar en pixel, remplacer 30 avec la valeur que vous voulez
    roundAvatar   = true, Pour afficher les avatars en carrés, remplacer true par false
    characters    = 40, ➥ le nombre de caractère à afficher
    showMorelink   = true, ➥ Afficher ou non un lien lire la suite
    moreLinktext   = "Suite »", ➥ le titre du lien lire la suite
    defaultAvatar    = "http://www.gravatar.com/avatar/?d=mm", ➥ url des avatars par défaut

Vous devez absolument modifier http://www.theblogueur.blogspot.com avec l'adresse de votre blog.

Ajouter Un Champ De Recherche Interne Personnalisé Dans Blogger

noreply@blogger.com (Unknown) — Tue, 01 Jan 2013 23:59:00 +0000

Ajouter un champ de recherche interne personnalisé dans votre blog Blogger afin de permettre à vos visiteurs de retrouver directement ce qu'ils cherchent sans passer par la liste des libellés ou des archives.
Vous pouvez placer ce champ de recherche au début ou à la fin de chaque article, dans le corps du message, dans le header ou dans la barre latérale.

Insérer Un Champ De Recherche Interne Personnalisé Dans Blogger

Connectez-vous à Blogger, allez dans "Mise En Page" ➥ "Ajouter Un Gadget" ➥ dans la liste proposée sélectionnez "HTML/JavaScript" ➥ copier/coller le code de la zone de recherche puis cliquez sur "Enregistrer"

Style 1 :

Style 2 :

Style 3 :

Style 4 :

Style 5 :

Style 6 :

Ajouter L'effet Arc En Ciel Sur Vos Liens

noreply@blogger.com (Unknown) — Mon, 24 Dec 2012 05:06:00 +0000

L'effet Arc En Ciel (rainbow colors effect) donnera des couleurs aléatoires au passage de la souris sur les liens de votre blog et ces derniers reprennent leur couleur d'origine quand la souris se retire.
Si vous en avez marre des couleurs uniques et que vous voulez mettre un peu d'effet sur vos liens de manière assez simple, alors ajouter le widget "Arc En Ciel".

Démonstration

Faites passer la souris sur les liens suivants pour voir l'effet Arc En Ciel :

Ajouter L'effet Arc En Ciel Sur Vos liens

Pour ajouter l'effet arc en ciel sur les liens de votre blog, procédez comme suit:
Allez à "Mise En Page" ➥ "Ajouter Un Gadget" ➥ "HTML/JavaScript"
Collez le code suivant dans la fenêtre qui s'ouvre puis cliquez sur "Enregistrer".

Comment Ajouter Un Flux RSS Pour Chaque Libellé Blogger

noreply@blogger.com (Unknown) — Mon, 17 Dec 2012 03:18:00 +0000

Comment ajouter un lien Flux RSS pour chaque libellé Blogger.
Dans ce tutoriel, nous allons voir comment ajouter un bouton image devant toutes les libellés (catégories) de votre blog Blogger afin de permettre à vos visiteurs de s'abonner aux articles appartenant à un libellé particulier au lieu de s'inscrire à tous les messages du blog.
Ceci est très utile pour les Blogs "mixte" avec plusieurs catégories de type différent.

Avant De Commencer

1. Sauvegardez une copie de votre modèle actuel et de vos widgets sur votre disque dur.
Pour ce faire, allez à "Modèle", cliquer sur le bouton "Sauvegarder/Restauration" situé en haut à droite, puis cliquer sur "Télécharger le modèle complet".

2. Le widget Libellé doit être installé sur votre blog. Si ce n'est pas le cas, rendez-vous dans l'onglet "Mise En Page" de votre blog, et cliquez sur "Ajouter un gadget".
Dans la liste des gadgets proposée par Blogger, sélectionnez "Libellés". Vous pouvez ensuite configurer ce gadget en choisissant d'afficher tous les libellés de votre blog, ou seulement une sélection correspondant à vos catégories les plus importants. Ces libellés pourront également être classés par fréquence ou par ordre alphabétique. Il ne vous restera ensuite qu'à choisir l'emplacement de votre widget libellés.

Comment Ajouter Un Flux RSS à Chaque Libellé Blogger

Pour ajouter un flux RSS pour chaque libellé Blogger, procédez comme suit :
1. Allez à "Modèle" ➥ "Modifier le code HTML" ➥ "Développer les modèles de gadgets"

2. Cherchez et remplacez ce code:

<b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>

Avec le code suivant :

<b:loop values='data:labels' var='label'>
        <li>
    <a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'>
        <img alt='S inscrire' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0' />
    </a>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>

Notez que vous pouvez choisir pratiquement n'importe quelle image en modifiant l'url suivante :
http://www.feedburner.com/fb/images/pub/feed-icon16x16.png

3. Enregistrer ensuite votre modèle.

Et voilà, vous avez maintenant ajouter un lien de flux RSS pour chaque libellé de votre blog Blogger.

Ajouter Un Menu Horizontal Déroulant Dans Blogger

noreply@blogger.com (Unknown) — Wed, 05 Dec 2012 12:26:00 +0000

Nous allons voir dans ce tutoriel comment ajouter un menu horizontal déroulant à quatre niveaux (Menu et Sous Menus) dans Blogger Blogspot.
Le menu de navigation à niveaux multiple vous aidera à bien organiser les catégories et les liens importants de votre blog. Ainsi, il permettra à vos lecteurs de naviguer facilement à travers le blog et le déplacement entre les différentes rubriques devient plus confort.

Comment Ajouter Un Menu Horizontal Déroulant à Blogger

Avant de commencer, vous pouvez voir la démo ici : blogueur- test.blogspot.com

Allez à "Mise En Page" et juste en dessous de l'entête de votre blog, cliquez sur "Ajouter Un Gadget".

Dans la liste proposée par Blogger choisissez "HTML/JavaScript", collez le code du menu dans la fenêtre qui s'ouvre puis cliquez sur "Enregistrer".

Voici le code du menu à insérer :

Comment Personnaliser Le Menu De Navigation

Pour changer la couleur du fond, il suffit de changer background: #414141;
Remplacez toutes les signes # avec votre propres liens.
Remplacez LINKS x et Item x avec les titres des liens.
Pour créer un sous-menu à l'intérieur d'un menu il suffit de lui ajouter l'attribut "rel" comme indiqué dans le code ci-dessus : rel="ddsubmenu1" et changez le nombre du menu en conséquence.

Note: Les liens de libellés dans Blogger prennent la forme suivante :

<a href="http://Nom-De-Votre-Blog.blogspot.com/search/label/Nom-De-Libellé">Titre-De-L'URL</a>

Par défaut, les libellés Blogger affiche 20 articles par page.
Utilisez alors l'URL ci-dessous pour afficher le nombre d'articles que vous voulez:

<a href='http://Nom-De-Votre-Blog.blogspot.com/search/label/Nom-De- Libellé?&max-results=X'>Titre-De- L'URL</a>

X: le nombre d'articles à afficher.

Des problèmes ? des questions à propos de ce tutoriel ?
Vous pouvez me contacter via les commentaires.

Cacher Supprimer La Barre De Partage Blogger

noreply@blogger.com (Unknown) — Wed, 21 Nov 2012 04:16:00 +0000

Blogger affiche à la fin de chaque article des boutons de partage permettant aux lecteurs d'envoyer le contenu par e-mail ou de le partager sur Facebook, Twitter et Blogger.

Si vous ne souhaitez pas que vos articles soient publiés sur les réseaux sociaux, ou si vous utilisez un autre widget de partage et vous voulez supprimer cette barre, alors procédez comme suit :

Comment Supprimer La Barre De Partage Blogger

1. Connectez-vous à Blogger, allez à "Mise En Page"
(Si vous utilisez l'ancienne interface Blogger, allez à "Présentation" > "Éléments de la page")
Cliquez maintenant sur le lien "Modifier" situé en bas à droite de "Messages du blog"

Et décocher la case : "Afficher les boutons Partager" puis cliquez sur "Enregistrer"

Rafraîchir la page de votre blog et vérifiez si la barre a disparu.
Si elle est encore présente, vous devez modifier le code de votre modèle.
Allez donc à "Modéle" > "Modifier le code HTML" > "Traiter" et cochez la case "Développer des modèles de gadgets"

Recherchez la ligne suivante et supprimez-la

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

Enregistrer le modéle.

Voilà, vous ne verrez plus maintenant la barre de partage Blogger sur les pages de votre blog.

Envoyer Un Sitemap Blogger à Google Webmasters

noreply@blogger.com (Unknown) — Fri, 16 Nov 2012 23:35:00 +0000

Une fois vous avez créer votre blog Blogger, il est fortement conseillé de l'ajouter à Google webmasters tools et d'envoyer son SiteMap pour optimiser l'indexation et le référencement de vos pages sur le moteur de recherche Google.
Les outils Google pour les webmasters, Google Webmasters Tools, vous fournit des rapports détaillés sur la lisibilité de vos pages sur Google.
Juste après, nous allons voir comment inscrire un blog Blogger dans google webmasters tools et comment envoyer son SiteMap.

Inscrire Son Blog Dans Google Webmasters Tools

1. Connectez-vous à Google Webmasters Tools en utilisant vos identifiants Google.

2. Cliquez sur "Ajouter un Site", entrez l'URL de votre Blog et cliquez sur "Continuer"

3. L'étape suivante est primordiale pour pouvoir accéder à toutes les options de webmasters tools. Elle consiste à prouver à Google que vous êtes bien le propriétaire de votre blog.
Cliquez sur "Méthodes Alternatives" et choisissez "Balise Meta" (Ne cliquer pas sur "Vérifier")

4. Conserver la méthode de validation par "Balise Meta",
Retournez maintenant à Blogger et ouvrez le code HTML de votre modèle :
"Tableau de Bord" > "Modèle" > "Modifier le code HTML" > "Traiter"
Rechercher "<Head>" et juste après coller la balise Meta puis enregistrer le modèle

5. Retourner à Google webmasters tools et cliquez sur le bouton "Vérifier"
Votre blog doit maintenant être vérifier :

Envoyer le SiteMap Blogger à Google Webmasters Tools

Une fois votre blog est ajouté à outils webmasters google, vous pouvez envoyer à Google votre SiteMap afin de montrer au moteur de recherche toutes les URLs de vos articles à indexer.
Un site map aide à l'indexation d'un site, car il permet de s'assurer que toutes les pages sont accessibles par les robots d'indexation.
La plupart des moteurs de recherche suivent seulement un nombre fini de liens sur une page, donc pour un site très grand, un site map peut être nécessaire pour que les visiteurs et les moteurs de recherche puissent accéder à toutes les pages.
La structure d'un fichier sitemap est équivalente à celle d'un flux RSS, nous allons donc utiliser le flux RSS de notre blog Blogger comme sitemap.

Pour envoyer le sitemap de votre blog Blogger à Google, procédez comme suit :
Dans webmasters tools, sélectionnez votre blog et allez à "Optimisation" > "Sitemaps"
Cliquez sur le bouton "Ajouter/Tester un sitemap" et entez la ligne suivante :

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

Selon le nombre d'articles de votre blog, vous allez devoir soumettre plusieurs sitemaps en faisant varier la valeur de start-index dans l'adresse du sitemap. par exemple si vous avez entre 300 et 400 articles dans votre blog, vous devez envoyer ces 4 sitemaps :

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

En ajoutant un SiteMap, vous avez Fourni Google de tous les détails et informations sur votre blog; ce qui optimise l'indexation et l'archivage de vos articles dans son moteur de recherche.

Ajouter Une Signature à Vos Messages Blogger

noreply@blogger.com (Unknown) — Fri, 16 Nov 2012 01:56:00 +0000

Vous pouvez ajouter une signature personnalisée et automatique en dessous de chaque article de votre blog Blogger.
Ça serait très utile si vous êtes une équipe de blogueurs : vous pouvez utiliser des signatures uniques pour chaque auteur.
Signer tous vos messages avec le nom de votre blog ou avec votre propre nom est une bonne façon de personnaliser votre blog et de le rendre plus attrayant.

Ajouter Une Signature à Vos Messages Blogger

1. Créez votre propre signature en utilisant un outil de création d'images tel que Photoshop, Gimp .. ou avec l'un des générateurs en ligne tel que My Live Signature.

2. Télécharger votre signature dans Blogger puis récupérez son URL.

3. Maintenant allez à "Modèle" > "Modifier le code HTML" > "Traiter" > "Gadgets Développés"
et trouver (CTRL+F) la ligne suivante :

Si vous ne trouvez pas ce code, essayez de chercher le suivant :

Ou celui-ci :

<data:post.body/>

3.A- Si vous êtes le seul auteur du blog, ajoutez le code suivant juste après le bout de code précédant :

<b:if cond='data:blog.pageType == "item"'>
<img src='URL_De_La_Signature' style='border:0px;'/>
</b:if>

Changez URL_De_La_Signature avec l'URL de votre image de signature.

3.B- Si vous êtes dans une équipe Blog, collez le code suivant juste après le code que vous avez trouvé :

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.author == "Nom_Auteur1"'>
<img src='url_image_signature_Auteur1' style='border:0px;'/>
</b:if>
<b:if cond='data:post.author == "Nom_Auteur2"'>
<img src='Url_image_signature_Auteur2' style='border:0px;'/>
</b:if>
</b:if>

Le code doit être modifié avec les noms des auteurs et les URLs d'images des signatures.

Si vous êtes plus de deux auteurs, vous devez répéter le bloc autant de fois que le nombre d'auteurs :
Ici j'ai mentionné 2 blocs : 1er bloc en bleu pour le l'auteur 1 et deuxième bloc en noir pour l'auteur 2.

Si vous souhaitez que la signature apparaîtra dans la page d’accueil du blog, vous devez supprimer les lignes en rouge.

4. Enregistrer votre modèle et vous devriez voir la signature en action.

Voici deux exemples de signatures crées avec MyLiveSignature :

Ajouter Son Blog Dans Les Moteurs De Recherche

noreply@blogger.com (Unknown) — Thu, 15 Nov 2012 01:53:00 +0000

Lorsque vous créez un blog avec Blogger, il est utile de le faire savoir aux principaux moteurs de recherche comme Google, Yahoo ou Bing.
Google et Yahoo trouveront votre blog de toutes façons avec leurs bots dès que des liens existeront vers celui-ci, mais le plus rapide pour commencer le référencement reste de soumettre l'URL auprès de ces moteurs.
De plus, après la soumission sur Google et Yahoo, il peut être intéressant de référencer également le site sur les moteurs Exalead, Voila.fr ou Mirago.

Soumission Automatique Dans Les Moteurs De Recherche

Il existe de nombreux sites internet qui offrent gratuitement des services de soumission de site Web pour les moteurs de recherche. La liste des moteurs de recherche sont en grande partie les mêmes. Certains d'entre eux offrent d'envoyer votre URL à plus d'une centaine de moteurs de recherche.
Pour commencer, vous pouvez utiliser leurs services gratuitement et surveiller le trafic :

FastSubmit
Submit Express
Add Me
IneedHits
Searchengineoptimising
Add Pro
AmFibi
JerkasMarknad
Local Submit

Modifier "Affichage De Messages Dont Le Libellé Est..."

noreply@blogger.com (Unknown) — Fri, 06 Jul 2012 16:34:00 +0000

Nous allons voir dans cet article comment supprimer ou modifier le message : "Affichage de messages dont le libellé est ... Afficher tous les messages"

C'est le Status Message. Ce type de message s'affiche en haut de page à chaque fois que vous cliquez sur un libellé ou lorsque vous effectuez une recherche interne dans un blog Blogger.

Comment Supprimer "Affichage de messages dont le libellé est ..."

1. Connectez-vous à Blogger et allez à "Modèle" > "Modifier le code HTML" > Gadgets NON Développés.

2. Recherchez (avec ctrl+F) la balise suivante : ]]></b:skin>
et juste avant copier/coller la ligne suivante :

.status-msg-wrap{display:none !important;}

Et Enregistrer ensuite votre modèle.

Comment modifier Le Status Message Blogger

Pour modifier le texte figurant dans le status message, procédez comme suit :
1. Allez à "Présentation" > "Modifier le code HTML" > cocher la case "Développer des modèles de gadgets"

2. Recherhcez (CTRL + F) le code suivant :

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<data:navMessage/>

</div>

</div>

</b:if>

</b:includable>

3. Et le remplacer, par exemple, avec le code suivant :

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
Affichage des articles de la catégorie <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='Articles plus récents'>Articles 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='Articles plus anciens'>Articles 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 l'affichage suivant :

Affichage des articles de la catégorie Nom_De_Libellé
Articles plus récents | Articles plus anciens

Vous pouvez modifier les mentions : Affichages des articles de la catégorie, Articles plus récents, Articles plus anciens avec les mentions que vous voulez.

Cacher Désactiver Les Commentaires Dans Blogger

noreply@blogger.com (Unknown) — Thu, 05 Jul 2012 17:04:00 +0000

Les commentaires Blogger permettent aux lecteurs de votre blog de laisser des questions ou donner leurs avis sur les messages que vous avez publiés.
Si vous ne souhaitez pas que les visiteurs puissent déposer des commentaires pour certains articles/pages ou pour toutes les pages du blog, alors procédez comme suit :

Désactiver les commentaires pour certains articles / pages

Lorsque vous rédigez une page ou un article, dans le menu latéral sélectionnez "Options" :
- Si vous souhaitez désactiver les nouveaux commentaires en gardant les anciennes,
sélectionnez la case : "Ne pas autoriser, afficher les existants"
- Si vous souhaitez interdire les nouveaux commentaires et masquer les existants,
sélectionnez la case : "Ne pas autoriser, masquer les existants"

Vous pouvez aussi faire la manipulation pour les anciens articles en passant par "Messages" > "Modifier"

Cacher/Désactiver les Commentaires Dans Toutes Les Pages Du Blog

Pour masquer / désactiver les commentaires dans toutes les pages de votre blog, procédez comme suit :
allez à "Paramètres" > "Publications et Commentaires" ,
dans la liste "Emplacement des commentaires" choisissez "Masquer"
=> le champ "Enregistrer un commentaire" est désactiver maintenant sur toutes les pages du blog.

Ajouter Des Liens Non Statiques au Gadget PageList Blogger

noreply@blogger.com (Unknown) — Wed, 30 May 2012 16:21:00 +0000

Nous allons voir dans ce tutoriel comment ajouter des liens "non statiques" au gadget PageList de Blogger.
En fait, il existe deux méthodes pour ajouter des URLs (liens externes, urls de libellés, adresse d'un article etc...) au menu de pages Blogger :
- La première méthode (la plus simple) consiste à utiliser la nouvelle interface Blogger.
- La deuxième (un peu plus compliqué) consiste à modifier le code Html de votre modèle.

Méthode 1 : à l'aide de la nouvelle interface Blogger

1. Cliquez sur le lien 'Effectuer la mise à jour dès maintenant' en haut du tableau de bord Blogger. (Vous pouvez toujours revenir à l'ancienne interface à tout moment)

2. Cliquez sur le menu 'gris' à côté du blogue dans lequel vous souhaitez ajouter des liens, puis sélectionnez 'Pages'

3. Cliquez maintenant sur 'Nouvelle Page' puis 'Adresse web'

4. Entrez le titre et l'URL du lien puis cliquez sur 'Enregistrer'

Méthode 2 : En Modifiant le code HTML

1. Si vous n'avez pas encore installé le gadget "PageList", alors rendez-vous dans l'onglet "Mise En Page" de votre blog, et cliquez sur "Ajouter un gadget".
Dans la liste des gadgets proposée par Blogger, sélectionnez "Pages". Vous pouvez ensuite configurer ce gadget en choisissant un titre et les pages à afficher.

2. Allez maintenant à "Modèle" > "Modifier le code HTML" > "Développer des modèles de gadgets"

3. Rechercher le code du gadget "Pages", comme ceci :

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + "_select"'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&#9660;</span>

    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href'><data:link.title/></a></li>
          </b:if>
        </b:loop>
    Insérer vos liens ICI
      </ul>
    </b:if>
    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

4. Insérer les liens entre les balise </b:loop> et </ul> de la façon suivante

<li> <a href="URL_du_lien">Titre Du Lien</a></li>

Voila c'est tout pour ce tutoriel, espérant qu'il répond à vos attentes.

Liste Déroulante Pour Les Libellés Blogger

noreply@blogger.com (Unknown) — Tue, 29 May 2012 20:25:00 +0000

Le widget libellés de Blogger est présenté sous forme d'une liste verticale de liens ou encore d'un nuage.
Certains blogueurs se retrouvent avec trop de libellés, ce qui devient un peu illisible et le widget prendra trop d'espace.
Nous allons voir dans ce tutoriel comment adapter le gadget libellés sous forme de menu ou d'une liste déroulante contenant tous les libellés, étiquettes, catégories de votre blog.

Démonstration

Menu Déroulant Pour Les Libellés Dans Blogger

1. Si vous n'avez pas encore installé le gadget "Libellés", alors rendez-vous dans l'onglet "Mise En Page" de votre blog, et cliquez sur "Ajouter un gadget".
Dans la liste des gadgets proposée par Blogger, sélectionnez "Libellés". Vous pouvez ensuite configurer ce gadget en choisissant d'afficher tous les libellés de votre blog, ou seulement une sélection correspondant à vos catégories les plus importants. Ces libellés pourront également être classés par fréquence ou par ordre alphabétique. Il ne vous restera ensuite qu'à choisir l'emplacement de votre widget libellés.

2. Allez maintenant à "Modèle" > "Modifier le code HTML" > Gadgets NON Développés et recherchez (avec ctrl+F) la ligne suivante :

<b:widget id='Label1' locked='false' title='Libellés' type='Label'/>

3. Remplacez la ligne précédente avec le code suivant

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<br/>

<select onchange='location=this.options[this.selectedIndex].value;' style='width:200px'>
<option>Labels</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
</option>
</b:loop>
</select>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

- Note : le texte en Bleu c'est le texte qui sera affiché sur la liste déroulante. Vous pouvez le modifier avec Libellés, Catégories, etc...
4. Enregistrer votre modèle.

Voilà, le gadget libellés s'affiche maintenant sous forme d'un menu déroulant.

Ajouter Le Bouton De Partage Facebook Blogger

noreply@blogger.com (Unknown) — Sat, 26 May 2012 11:52:00 +0000

Le bouton de partage Facebook vous permet d’augmenter le trafic de votre blog en encourageant vos visiteurs à partager les liens de vos articles sur Facebook.
Ce bouton détecte automatiquement l'adresse de la page sur laquelle il est.
Pour l'utiliser, il vous suffit de choisir le style désiré et de copier son code et le mettre sur les pages de votre blog.

Présentation Du Bouton

|Version vertical avec compteur

<a name="fb_share" type="box_count" expr:share_url='data:post.url' href="http://www.facebook.com/sharer.php">Partager</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

|Version horizontal avec compteur

<a name="fb_share" type="button_count" expr:share_url='data:post.url' href="http://www.facebook.com/sharer.php">Partager</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

|Version horizontal sans compteur

<a name="fb_share" type="button" expr:share_url='data:post.url' href="http://www.facebook.com/sharer.php">Partager</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

|Icône 16*16

<a name="fb_share" type="icon" expr:share_url='data:post.url' href="http://www.facebook.com/sharer.php">Partager</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

|Bouton large

| Bouton léger

Ajouter le bouton de partage facebook à Blogger

Allez à "Modèle" > "Modifier le code HTML" cochez la case "Développer des modèles de gadgets"
Pour afficher le bouton au début des articles, placez son code juste après la balise :

Si vous désirez afficher le bouton à la fin de vos articles, alors placez le code approprié juste après l'une des lignes suivantes :

Vous pouvez aussi placer le code du bouton dans un gadget "HTML/JS"

Ajouter Le Bouton J'aime Facebook à Blogger

noreply@blogger.com (Unknown) — Fri, 25 May 2012 19:44:00 +0000

Ajouter le bouton J'aime Facebook (Facebook Like Button) à votre blogue afin de faire un peu de promotion de vos articles sur Facebook.
Le bouton J'aime vous permettra de savoir qui a apprécié vos articles, et laissera une trace discrète sur le mur de l'utilisateur.
Il est relativement intéressant car il peut être mis en place en quelques minutes à l'aide de quelques lignes de code.

Présentation Du Bouton

Standard + bouton 'Send'
Bouton avec compteur
Boîte avec compteur

Configuration Du Bouton

Type du bouton
Texte dans le bouton
Afficher le bouton 'Send'
Couleur du thème
Font
Alignement
Emplacement du bouton
Condition d'affichage

<div>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.canonicalUrl" layout='standard' send='true' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
</div>

Ajouter le bouton j'aime à Blogger

1. Copiez le code ci-dessus. Connectez-vous à votre compte Blogger et allez à "Modèle" ► "Modifier le code HTML" et cochez la case "Développer des modèles de gadgets".

2. Rechercher <data:post.body/> et juste avant coller le code copié.

Widget Youtube Subscription Pour Blogger

noreply@blogger.com (Unknown) — Fri, 20 Apr 2012 21:36:00 +0000

Ajouter le gadget officiel d'abonnement Youtube sur votre blogue pour promouvoir votre chaîne YT.
Comme pour le page de fan Facebook, les utilisateurs peuvent s'abonner directement à votre chaîne sans la nécessité de quitter la page.
Votre nom d'utilisateur, le logo, le nombre de vidéos et le nombre d'abonnés vont être affichés sur le widget.
Vous pouvez également modifier la largeur et la hauteur du gadget.

Démonstration Du Gadget Abonnement Youtube

Voici une démonstration du gadget Youtube Subscribe avec les chaînes "BloggerHelp" et "InsideAdsense".

Configuration Du Gadget

Votre nom d'utilisateur Youtube
Largeur du gadget

Indiquez le nom de votre chaîne Youtube ainsi la largeur souhaitée du widget :
le code du widget à copier

Ajouter Le Widget Youtube Subscribe à Blogger

Le widget peut être placé au-dessus ou en-dessous de chaque article de votre blogue ou dans un gadget HTML/JavaScript :

Placer le code dans un gadget HTML/JS

Allez à "Mise En Page" ► "Ajouter un Gadget" ► Dans la liste proposée par Blogger, choisissez le gadget "HTML/JavaScript", coller le code du gadget et cliquez sur "Enregistrer"

Placer le widget dans les pages articles

Allez à "Modèle" ► "Modifier le code HTML" ► cochez la case "Développer des modèles de gadgets",

Collez le code juste après la ligne suivante pour afficher le widget au début des articles,

ou après l'une des lignes suivantes pour l'afficher à la fin des articles.

Ajouter Le Bouton StumbleUpon à Blogger

noreply@blogger.com (Unknown) — Sun, 15 Apr 2012 18:04:00 +0000

Ajouter un bouton StumbleUpon sur votre blog pour permettre aux visiteurs de soumettre vos messages à StumbleUpon ce qui vous permettra de profiter d'un trafic supplémentaire et une exposition gratuite sur StumbleUpon!
Ce message explique comment ajouter un bouton Stumble à vos blogs Blogger afin que les utilisateurs peuvent "Stumbler" leurs postes préférés.

Ajouter Le Bouton StumbleUpon à Blogger Blogspot

Le bouton de partage StumbleUpon peut être placé en-dessous ou au-dessus de chaque message ou dans un gadget HTML/JavaScript.

Pour ajouter ce bouton à votre blog rien de plus simple,
Tout d'abord allez à "Modèle" > "Modifier Le Code HTML", cochez la case "Développer des modèles de gadgets" et collez-y le code suivant avant la fermeture de la balise "Head"

Et celui-ci à l'endroit où est ce que vous voulez afficher le bouton :

<su:badge layout="4"></su:badge>

Dans le code ci-dessus, vous pouvez changer la valeur '4' avec 1, 2, 3, 5 ou 6 pour avoir un style différent.Voici les styles disponibles :

Style 1	Style 2	Style 3	Style 4	Style 5	Style 6

The Blogueur

Ajouter Le Bouton Suivre/Follow De Twitter à Blogger

Présentation Et Code Du Bouton Follow/Suivre De Twitter

Configuration Du Bouton

Ajouter Le Bouton D'abonnement Suivre De Twitter à Blogger

Gadget Top Commentateurs Avec Image Pour Blogger

Ajouter Le Gadget Top Commentateurs Avec Image Dans Blogger

Comment Rediriger Une Page Vers Une Autre Dans Blogger

Comment Rediriger Une Page Vers Une Autre Dans Blogger

Comment Afficher Ou Cacher Les Widgets Sur Des Pages Specifiques Dans Blogger

Comment Afficher - Cacher Des Widgets Sur Certaines Pages Dans Blogger

Afficher le widget seulement dans la page d'accueil :

Afficher le widget seulement dans les pages de messages (les articles) :

Afficher le widget seulement dans les pages statiques :

Afficher le widget seulement dans les pages articles et les pages statiques :

Afficher le widget uniquement dans une page spécifique :

Cacher le widget seulement dans les pages archives :

Afficher le widget uniquement sur la page d'accueil et les pages de libellés :

Comment Utiliser Les Balises Conditionnelles Dans Blogger

Principe Et Syntaxe Des Balises Conditionnelles

Les Différents Types De Pages Blogger Et Les Balises Conditionnelles à Utiliser

Inverser Une Condition

Comment utiliser les balises conditionnelles

Widget Articles Récents Avec Image Pour Blogger

Comment Installer Le Widget Articles Récents Avec Images Dans Blogger

Personnalisation Du Gadget

Liste Déroulante Avec Liens Hypertexte

Comment Créer Une Liste Déroulante Avec Des Liens Hypertextes

Liste Déroulante Avec Regroupement D'éléments :

Comment Ajouter Un Menu Déroulant De Liens Dans Blogger

Widget Libellés En Nuage De Mots-Clé Avec Animation Flash

Live Démo

Ajouter Le Widget Libellés de Mots-Clé Animés Dans Blogger

Configuration Du Gadget

Widget Commentaires Récents Avec Avatars Pour Blogger

Démonstration

Ajouter Le Widget Commentaires Récents Avec Images à Blogger

Personnalisation Du Gadget

Ajouter Un Champ De Recherche Interne Personnalisé Dans Blogger

Insérer Un Champ De Recherche Interne Personnalisé Dans Blogger

Ajouter L'effet Arc En Ciel Sur Vos Liens

Démonstration

Ajouter L'effet Arc En Ciel Sur Vos liens

Comment Ajouter Un Flux RSS Pour Chaque Libellé Blogger

Avant De Commencer

Comment Ajouter Un Flux RSS à Chaque Libellé Blogger

Ajouter Un Menu Horizontal Déroulant Dans Blogger

Comment Ajouter Un Menu Horizontal Déroulant à Blogger

Comment Personnaliser Le Menu De Navigation

Cacher Supprimer La Barre De Partage Blogger

Comment Supprimer La Barre De Partage Blogger

Envoyer Un Sitemap Blogger à Google Webmasters

Inscrire Son Blog Dans Google Webmasters Tools

Envoyer le SiteMap Blogger à Google Webmasters Tools

Ajouter Une Signature à Vos Messages Blogger

Ajouter Une Signature à Vos Messages Blogger

Ajouter Son Blog Dans Les Moteurs De Recherche

Comment Ajouter Son Blog/Site Dans Les Moteurs De Recherche

Soumission Automatique Dans Les Moteurs De Recherche

Modifier "Affichage De Messages Dont Le Libellé Est..."

Comment Supprimer "Affichage de messages dont le libellé est ..."

Comment modifier Le Status Message Blogger

Cacher Désactiver Les Commentaires Dans Blogger

Désactiver les commentaires pour certains articles / pages

Cacher/Désactiver les Commentaires Dans Toutes Les Pages Du Blog

Ajouter Des Liens Non Statiques au Gadget PageList Blogger

Méthode 1 : à l'aide de la nouvelle interface Blogger

Méthode 2 : En Modifiant le code HTML

Liste Déroulante Pour Les Libellés Blogger

Menu Déroulant Pour Les Libellés Dans Blogger

Ajouter Le Bouton De Partage Facebook Blogger

Présentation Du Bouton

|Version vertical avec compteur

|Version horizontal avec compteur

|Version horizontal sans compteur

|Icône 16*16

|Bouton large

| Bouton léger

Ajouter le bouton de partage facebook à Blogger

Ajouter Le Bouton J'aime Facebook à Blogger