février 2012 ~ The Blogueur

28 févr. 2012

Modifier La Largeur De Bloque Commentaire Dans Blogger

2/28/2012 Tutoriel Blogger 1 comment

Par défaut, Le formulaire de commentaire Blogger est en une taille de pixel fixe. Ainsi, il pourrait apparaître mal dans les templates (modèles) qui ont une zone de poste plus large.
Il suffit alors d'ajuster la taille de zone de commentaire en augmentant sa largeur pour la rendre plus esthétique.

Comment changer la taille de la zone de commentaire dans blogger

1. Allez à "Présentation" > " Modifier le code HTML" > Cochez la case " Développer des modèles de gadgets"

2. Maintenant, regardez le code qui rassemble à :

3. Pour augmenter la largeur, il suffit de changer 100% avec le nombre de pixels que vous voulez.
Par exemple essayez de changer 100% avec 560px, Enregistrez le modèle et affichez votre blog.

Continuez à faire la modification de nombre de pixels jusqu'à vous obtenez la largeur requise pour votre blog.

27 févr. 2012

Comment Installer Favicon Dans Blogger

2/27/2012 Tutoriel Blogger 8 comments

Un favicon est une icône personnalisée s'affiche à côté de l'URL de votre blog et à côté du titre de page dans les onglets ouverts.
Mettre un favicon rendre votre blog plus professionnel et surtout permet vos visiteurs réguliers de vous retrouvé facilement dans leurs favoris.

Par défaut, Blogger est livré avec son propre favicon :

Comment changer le favicon de votre blog

Il existe deux méthodes pour changer le favicon blogger par défaut avec votre propre icône.

Méthode 1

1. Créer l’icône que vous voulez
Vous n'avez pas besoin d'un logiciel spécial pour le concevoir. Il existe de nombreux sites générateurs de favicon en ligne.
cliquez ici pour consulter la liste des générateurs de favicon. Vous pouvez choisir celui que vous aimez.

2. Faites l'upload de votre favicon sur l'un des hébergeur d'images ( ex: Photobucket, Imageshack, Flickr etc...)

3. Allez à Présentation > Modifier le code HTML
Chercher (avec CTRL+F) le code suivant :

<b:skin><![CDATA[/*

4. Insérez le code qui suit juste avant le code précédant

Et changez FAVICON-URL avec l'url de votre favicon.

5. Enregistrez le modèle et afficher votre blog.

Méthode 2

1. Allez à Présentation > Éléments de la page
En haut à gauche, cliquez sur Modifier

Et faire uploader votre icône

2. Cliquez sur Enregistrer et affichez votre blog.

Générateur De Favicon Gratuit En Ligne

2/27/2012 Outils Blogueur No comments

C'est cette petite image qui s'affiche devant votre URL dans les navigateurs (voir exemple ci-dessous) et qui vous identifie immédiatement auprès de vos visiteurs. Cette petite image, au format .ico, apparaît également devant le nom de votre site lorsque votre visiteur vous place dans ses favoris, ce qui lui permet de vous retrouver très facilement par votre identité visuelle.

Pourquoi utiliser un favicon

Vous vous distinguez des sites qui n'en utilisent pas, votre site a un look plus professionnel, affirme son identité, et vos visiteurs réguliers vous retrouvent facilement dans leurs favoris.

Comment générer un favicon

Pour mettre en place ce type d'icône sur votre propre site web il n'y a rien de plus simple. Vous pouvez utiliser certains outils de création d'image tel que Photoshop, Gimp ou même Irfanview pour faire des favicons alors qu'il y a de nombreux sites web qui peuvent vous aider à créer votre propre favicon pour votre site / blog.

Voici quelques-uns des principaux générateurs de favicon :

Favikon
Favicon Generator

DeGraeve Favicon Generator

SM Favicon Generator

Favicon Creator
Favicon Generator & Gallery
Favicon from Pics
Favicon.ico Generator
Favicon2dots
Favicon Tool

WebScriptLab Favicon Generator

Faviconsfor

Graphics Guru Favicon
Genfavicon

Pour la plus part des navigateurs

Il suffit de créer une image au format .png ou .gif (formats standard à utiliser).
Vous pouvez choisir plusieurs dimensions : 16*16 ou 32*32 (pixels).

Pour Internet Explorer

Pour IE, il faut utiliser une image au format .ico et de dimensions 16*16 (pixels).

26 févr. 2012

Comment Supprimer La Barre De Navigation Blogger

2/26/2012 Tutoriel Blogger 3 comments

Par défaut, Blogger est livré avec une barre de navigation situé en haut de page.
Le Navbar Blogger (n'apporte 'presque' rien à votre blog !)
de plus elle n'est pas très esthétique.
Cette barre de navigation peut être supprimé (ou caché) en utilisant quelques techniques simple de CSS.

Comment supprimer la barre de navigation Blogger Navbar

Pour supprimer la barre de navigation de votre blog, procédez comme suit:

1. Connectez-vous à votre compte Blogger
2. Allez à Présentation > Modifier le code HTML
3. Chercher (avec CTRL+F) le code suivant :

]]></b:skin>

4. Remplacez ce code avec le code suivant :

#navbar-iframe {height:0;visibility:hidden;display:none}
]]></b:skin>

5. Enregistrer le modèle et affichez votre blog.

La barre ne sera plus affichée. En fait, elle est toujours là mais elle ne se voit plus.

25 févr. 2012

Installer Des Gadgets-Widgets Sur Blogger Blogspot

2/25/2012 Tutoriel Blogger, Widget 7 comments

Les Widgets ou Gadgets sont de petits programmes ou applications vous permettent d’enrichir votre site web/blogue, votre page personnalisable (igoogle, webwag, netvibes,...), votre services de réseaux sociaux, le bureau de votre PC/Mac, votre téléphone, etc... Ils peuvent vous informer sur la météo, les actualités, la bourse, et pleins d'autres choses nécessaires au quotidien.

Sur votre blog Blogger, un gadget peut être appelé un widget ou une élément de page. Mais c'est la même idée: un peu petit morceau de code qui fait quelque chose d'utile. Vous pourriez mettre un gadget dans un message, mais le plus souvent on les trouve dans la barre latérale, dans l'en-tête ou dans le pied de page.

Comment Installer Un Gadget Sur Blogger Blogspot

Pour ajouter un gadget à votre blog, Allez à "Présentation" > "Éléments de la page" (ou "Mise en page" dans la nouvelle interface Blogger); Là, vous verrez tous les endroits où vous pouvez mettre votre gadget.

Cliquez sur le lien "Ajouter un gadget" situé en haut de la zone que vous choisissez, la fenêtre d'ajout de gadget s'ouvre :

Choisissez un gadget de la liste, ou l'un des onglets à gauche:

Vous devrez peut-être faire défiler la liste pour trouver celui qu'il vous faut.
Ne pas utiliser l'outil de recherche dans la liste pour trouver le gadget que vous souhaitez - il peut parfois ne pas fonctionner correctement et ne montre que les gadget des tiers et pas les officiels de Blogger.
Chaque gadget dans la liste a une source: certains sont de Blogger.com. Certains sont d'autres entreprises reconnues (p. ex Amazon.com), mais certains sont des individus, tout comme vous et moi. Le danger avec un gadget provient des individus, c'est que vous n'avez aucun moyen de regarder le code derrière lui, de sorte que vous ne pouvez pas décider s'il est sécuritaire ou non.

Je vous conseille d'installer les gadgets fournis par Blogger.com, ou d'autres sociétés bien connues.

Sélectionnez le gadget en cliquant sur le petit signe bleu

et faites les configurations nécessaires.

Installer un widget externe

Vous trouverez peut être d'autres gadgets utiles dans le net et qui sont accompagnés avec leurs code source. Pour ajouter ces widgets à votre blog Blogger procédez comme suit:

1 - Connectez vous à votre espace d'administration

2 - Choisissez le blog sur lequel vous souhaitez intervenir

3 - Allez à "Présentation" > "Eléments de la page" > et cliquez sur "Ajoutez un gadget"

* si vous utilisez la nouvelle interface blogger, choisissez l'onglet "Mise En Page"

4 - Dans la liste proposée par Blogger, choisissez le gadget "HTML/Javascript"

5 - C'est dans cette zone qu'il faut recopier le code HTML, cliquez ensuite sur "Enregistrer".

22 févr. 2012

Ajouter Widget Horlogue Pour Votre Blog

2/22/2012 Outils Blogueur, Widget No comments

Souhaitez-vous ajouter un widget horloge pour votre blog/site ?
Voici de magnifiques Horloges qui ne contiennent ni publicité ni logos et qui ne sont même pas cliquables.
Ces Widgets affichent l’heure en utilisant l’horloge interne de l’ordinateur du visiteur donc pas besoin de choisir un fuseau horaire par défaut...

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/226655.swf">
<embed src="http://www.csalim.com/clocks/226655.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/985396.swf">
<embed src="http://www.csalim.com/clocks/985396.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/189466.swf">
<embed src="http://www.csalim.com/clocks/189466.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/633993.swf">
<embed src="http://www.csalim.com/clocks/633993.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/118647.swf">
<embed src="http://www.csalim.com/clocks/118647.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/301788.swf">
<embed src="http://www.csalim.com/clocks/301788.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/945910.swf">
<embed src="http://www.csalim.com/clocks/945910.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/267241.swf">
<embed src="http://www.csalim.com/clocks/267241.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/119643.swf">
<embed src="http://www.csalim.com/clocks/119643.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/548744.swf">
<embed src="http://www.csalim.com/clocks/548744.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/143361.swf">
<embed src="http://www.csalim.com/clocks/143361.swf" width="200" height="200">
</embed>
</object>

<object width="150" height="150">
<param name="movie" value="http://www.csalim.com/clocks/205420.swf">
<embed src="http://www.csalim.com/clocks/205420.swf" width="200" height="200">
</embed>
</object>

Comment ajouter un widget horloge pour votre blog Blogger

connectez-vous à votre blog et allez à

1. Présentation > Éléments de la page > "Ajouter un gadget"
2. Sélectionnez HTML/Javascript
3. Collez le code de l'horloge dans le pop up qui s'ouvre
4. Cliquez sur Enregistrer

Widget Google Traduction Pour Blogger

2/22/2012 Outils Blogueur, Widget 10 comments

Google translate widget est créee par Google pour traduire votre blog blogger à n'importe quelle langue.

Comment Ajouter widget google translate à blogger

premièrement, connectez-vous à votre blog blogger et allez à

1. Présentation > Éléments de la page > "Ajouter un gadget"
2. Sélectionnez HTML/Javascript
3. Collez le code ci-dessous dans le pop up qui s'ouvre

<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script><p>
<small><a target="_blank" href="http://theblogueur.blogspot.com/2012/02/google-translate-widget-for-blogger.html">
+</a>
<a href="http://theblogueur.blogspot.com/2012/02/google-translate-widget-for-blogger.html">
Obtenir ce Widget</a></small></p>

Finalement cliquez sur Enregistrer

20 févr. 2012

Comment Revenir à L'ancienne Interface Blogger

2/20/2012 Tutoriel Blogger 11 comments

Nous allons voir dans cet article comment revenir à l'ancienne interface de Blogger.
Tout d'abord, vous devez utiliser www.blogger.com et non pas draft.blogger.com;
Cliquez ensuite sur la petite icône "Paramètres" située en haut à droite de votre tableau de bord et choisissez "Ancienne Interface Blogger".

Même si l'ancienne interface n'est pas très esthétique, elle est plus claire que la nouvelle et plus facile d'y trouver ce qu'on cherche...

Comment Supprimer "Fourni Par Blogger"

2/20/2012 Tutoriel Blogger 18 comments

Blogger affiche un lien "Fourni par Blogger" sur votre blog. Ce lien est généré par le widget "Attribution" qui est installé par défaut même si vous n'utilisez pas leur outil de création de modèles.

Comment Supprimer Le Widget "Fourni Par Blogger"

On ne peut supprimer ce widget qu'à partir du code HTML du blog.
Allez donc à "Présentation" > "Modifier le code HTML"
et sans cocher la case "Développer des modèles de Gadgets" cherchez (CTRL+F) le code suivant et supprimez-le :

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>
    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != ""'>
       <data:attribution/>
      </b:if>
    </div>
    <b:include name='quickedit'/>
</b:includable>
</b:widget>

Blogger va vous demander si vous voulez supprimer le widget Attribution, cliquez sur Supprimer les Widgets

Sorted!

19 févr. 2012

Comment Supprimer Un Blog Blogger

2/19/2012 Tutoriel Blogger No comments

Pour supprimer entièrement votre blog, ouvrez l'onglet "Paramètres" | "Général". Vous devez être absolument certain d'être sur le blog concerné et de vouloir le supprimer définitivement de votre compte. Cliquez ensuite sur Supprimer le blog, puis confirmez en cliquant sur OK.

Si vous utilisez la nouvelle interface Blogger, cliquez sur le menu déroulant à côté de l'icône "Liste Message" grise, sélectionnez "Paramètres" | "Général", puis cliquez sur "Autres" afin d'accéder à l'option de suppression de votre blog.

Si vous souhaitez récupérer votre blog après l'avoir accidentellement supprimé, vous disposez d'un certain délai pour le restaurer. Imaginons que vous avez 5 blogs et que vous en avez supprimé un. Accédez au tableau de bord qui répertorie l'ensemble de vos blogs, puis recherchez la ligne suivante au bas de la page : "Affichage du 4 sur 5 blogs - Tout afficher". Lorsque vous cliquez sur "Tout afficher", votre blog supprimé apparaît dans la liste, accompagné de l'option "Annuler la suppression de ce blog". Une fois que vous avez sélectionné cette option, tout rentre dans l'ordre.
Source : Centre d'aide Blogger

Sauvegarder Une Copie De Votre Blog Blogger

2/19/2012 Tutoriel Blogger No comments

Il est fortement conseillé de sauvegarder votre blog Blogger au cas où il serait suspendu par Google, qu'il soit piraté ou s'il vous arrive de supprimer par erreur des articles ou des commentaires.

Si vous êtes dans une situation pareil, vous ne pouvez plus restaurer le contenu de votre blog sans avoir une copie de sauvegarde.

Comment Sauvegarder Une Copie De Votre Blog Blogger

Procédez comme suit pour sauvegardez les articles, les commentaires et les préférences de votre blog

Connectez vous à votre tableau de bord Blogger et allez dans "Paramètres";
Sous l'onglet "Général" cliquez sur "Exporter le Blog".

Cliquez ensuite sur "Télécharger le Blog" et enregistrez le fichier .xml sur votre disque dur.

Vous pouvez restaurer votre blog en utilisant ce fichier. Il vous permet aussi de migrer vers d'autre plateforme de blog tel que Wordpress , Joomla...

Déplacer Votre Blog WordPress Dans Blogger

2/19/2012 Tutoriel Blogger No comments

Dans ce tutoriel nous allons voir comment migrer un blog de WordPress vers Blogger.

ps : - wordpress blogging vs blogger blogging c'est un autre débat que nous allons voir peut être dans un prochain article.
- la taille du fichier de votre blog doit ne pas dépasser le 1MB.

Donc, voici les instructions étape par étape sur la façon d'exporter tous les messages de votre blog à partir de Wordpress à Blogger en seulement quelques minutes.

Étape 1 : Sauvegardez votre blog blogger

Avant de commencer la migration vous devez sauvegarder une copie de votre blog blogger.
Pour ce faire, dans la rubrique paramètre cliquez sur "exporter le blog" et téléchargez le fichier xml de votre blog :

Étape 2 : Exporter votre blog wordpress

Connectez-vous à votre espace d'administration WordPress, dans le menu gauche cliquez sur "Outils" et choisissez l'option "Exporter"

Puis téléchargez le fichier d'export

Wordpress va créer un fichier d'exportation, qui n'est pas compatible avec Blogger.
Enregistrez le fichier dans un dossier sur votre disque dur (rappelez-vous de nom du fichier et où vous l'avez enregistré!).

Étape 3 : Allez dans la page de conversion

Cliquez sur le lien suivant pour allez à la page de conversion
http://wordpress2blogger.appspot.com/

Cliquez sur "Browse" pour sélectionner le fichier wordpress que vous avez exporté et ensuite cliquez sur "Convert" pour faire la conversion.
Attendez quelques instants jusqu'à la fin de conversion puis téléchargez le nouveau fichier généré sur votre ordinateur.

Étape 4 :Importer le fichier converti à Blogger
Dans votre tableau de bord Blogger cliquez sur "paramètres" - "Importer le blog"

Sélectionnez le fichier à importer,
Entrez le code Captcha,
Si vous souhaitez publier immédiatement tous les messages, cochez la case,
Cliquez sur "Importer le blog".

Sorted!

Tutoriel Créer Un Blog Blogger

2/19/2012 Tutoriel Blogger 2 comments

Blogger est une plateforme logicielle en ligne gratuite permettant à un internaute de publier facilement et simplement un blogue. C'est un service qui offre une multitude d'outils permettant à des personnes de publier des informations sur le web.
Blogger, est l'un des rares services de blog gratuit sans publicité. Depuis 2003, Google est le propriétaire de Blogger.
Blogger permet l'hébergement de blogs sur son site Blogspot ou sur un serveur au choix de l'utilisateur (via FTP ou SFTP).

En suivant ce tutoriel, nous allons pas à pas créer et paramétrer un blog sur blogger blogspot.

Comment créer un blog blogger

1. Ouvrez la page www.blogger.com

2. La création d'un blog chez blogger nécessite d'avoir un compte google. Alors, si vous avez déjà un compte (par exemple une adresse e-mail gmail) Alors connectez-vous à Blogger puis passez directement à l'étape 3.

Si vous n'avez pas encore de compte Google, vous allez en créer un. Pour ce faire, cliquez sur "Inscription", entrez les informations demandées et cliquez sur "Continuer"

Voilà, maintenant vous avez un compte Google;
Passez à l'étape 3.

3. Entrez un nom pour votre blog, et le nom du sous-domaine puis cliquez sur "Continuer"

4. Choisissez une template (modèle) pour votre blog, puis cliquez sur "Continuer"

5. Félicitation, votre blog Blogger a été créé, cliquez maintenant sur "Utiliser mon blog"

6. Vous allez être redirigé vers la page de création d'articles ;
Pour ajouter un nouveau article, il suffit de choisir son titre et de saisir le contenu

Ce tutoriel s'arrête là, dans un prochain article nous allons découvrir ensemble comment installer un nouveau modèle pour Blogger Blogspot.
Si vous avez des questions, n'hésitez pas de les mettre dans des commentaires.

Blog : Définition Et Présentation

2/19/2012 Tutoriel Blogger No comments

Un « blog » (en français blogue, journal web, carnet web ou en encore cybercarnet), est un type de site web, ou une partie d'un site web, permettant à un internaute de publier facilement et simplement des informations en ligne sous forme de journal.

Un blog est censé contenir régulièrement de nouveaux brèves, appelés aussi billets, notes ou encore articles, agglomérés au fil du temps sur un sujet donné.

Sur un blog, les billets, sont publiées dans un ordre chronologique, c'est à dire que les billets les plus récents sont affichés en haut de page, puis suivent les messages les plus anciens.

Le blog est donc une page web qui s’appuie généralement sur un outil dynamique permettant de gérer la mise en page du contenu, dans lequel son auteur (le blogueur) publie des actualités, des liens vers des sites web ou de courts textes de sa création.

Le blogueur a aujourd'hui loisir de mélanger textes, hypertextes et éléments multimédias(images, son, vidéo, applet, ...) dans ses billets.

Ce qui fait la particularité d'un blog par rapport à un site web, c'est la possibilité pour les lecteurs de réagir aux informations publiées, car chaque visiteur d'un blog peut ou bien laisser des questions ou commentaires sur le blog lui-même, ou bien contacter le blogueur par courrier électronique, ce qui fournit aux blogs une grande réactivité et une grande richesse.

La création d'un blog ne nécessite pas des compétences particulières en informatique. En effet, le principe des blogs est basé sur l'utilisation d'un outil en ligne permettant d'insérer et de mettre en forme ses articles. Ainsi, pour créer un blog, il suffit, dans un premier temps, de trouver un hébergeur de blogs et d'y ouvrir un compte et dans un second temps, de publier le contenu grâce aux outils mis à disposition.

La liste ci-dessous (non exhaustive) présente les principaux hébergeurs de blog. Le choix d'un hébergeur dépend du coût (certains sont gratuits), des fonctionnalités offertes et du look'n'feel (spécifications) de son interface.

Blog4ever
Blogger (gratuit) --> nécessite une inscription sur Google
BlogSpirit (gratuit ou formule payante)
CanalBlog (gratuit)
Cigogne (gratuit)
Eklablog (gratuit)
Faistonblog (gratuit et options payantes)
Haut et Fort (gratuit ou formule payante)
Joueb (gratuit ou formule payante)
Over-Blog (gratuit et sans publicité)
Skyrock blog (gratuit)
Space-blogs (gratuit)
Typepad (payant)
ViaBloga (payant)
WordPress (gratuit ou formules payantes)
20Six (gratuit ou formule payante)

18 févr. 2012

Ajouter Un Menu De Navigation Horizontal Dans Blogger

2/18/2012 Blogger Hacks, Tutoriel Blogger 11 comments

Ajouter Menu Navigation Horizontal Blogger

Ajouter un Menu de Navigation Horizontal à votre Blog Blogger.
Le menu de navigation est le cœur de tout page web car il offre le chemin vers toutes les pages importantes de votre Blog.
Je vous ai apporté un total de 30 menus de navigation de haute qualité avec leur codes HTML et CSS.
Il vous suffit de copier et coller les codes et c'est tout!

Comment Ajouter Un Menu De Navigation Horizontal Dans Blogger

Comme mentionné ci-dessus, il suffit de copier/coller le code du menu et le mettre dans un gadget HTML/JavaScript juste au dessous de l'en-tête de votre blog comme indiqué dans l'image suivante :

Ensuite vous devez modifier cette partie du code HTML dans tous les codes ci-dessous :

Remplacer le signe # avec les liens/l'URLs des pages et Link 1 Link 2 ... avec les titres des pages.
Si vous souhaitez ajouter ou supprimer un onglet, il suffit d'ajouter ou de supprimer cette ligne :