Tutoriels pour blogger

Je vais vous présenter ici le 3ème onglet du concepteur de modèle blogger. Celui ci est très utile, il permet de modifier la mise en page.

Il est aussi très simple d'utilisation : il suffit de choisir le modèle type parmi les 8 proposés dans l'onglet "mise en page du contenu"!

Ensuite le deuxième onglet, mise en page du pied de page permet de modifier simplement le pied de page.

Et le 3ème onglet, permet de modifier la largeur :
-du blog complet
-de la largeur des barres latérales
en déplaçant simplement le curseur pour augmenter la taille ou la diminuer!

Au prochain article, le 4ème onglet "Avancé" !


Vous avez aimez cet article, n'hésitez pas à vous abonnez au flux RSS ...

WikioAjouter aux favoris technorati

La personnalisation du modèle blogger continue par la modification de l'arrière plan.

Dans le 2ème onglet, vous pouvez modifier 2 éléments principaux :
- le fond du blog : en cliquant sur le carré en dessous de "image d'arrière plan", vous pouvez modifier le dessin de l'arrière plan. Vous avez le choix entre de nombreux thèmes répartis dans différentes catégories!

- la couleur du thème principal : couleur du titre du blog et des articles, ainsi que des archives... Vous avez le choix entre douze couleurs prédéfinies ou une pallette de couleur que vous selectionnez en cliquant sur le carré principal.

Dans le prochain article, la suite : la mise en page!

Vous avez aimez cet article, n'hésitez pas à vous abonnez au flux RSS ...

WikioAjouter aux favoris technorati

La nouvelle fonctionnalité de blogger permet de concevoir son propre modèle blogger, il est encore limité cependant il permet quelques améliorations sympas!

Comment concevoir son propre modèle?

La conception est assez simple.
Tout d'abord, rendez vous dans l'onglet "mise en page" puis cliquez sur "concepteur de modèle".

Vous arrivez sur une nouvelle page :
-en haut de la page, le panneau de modification;
-en dessous, l'aperçu direct de votre blog, vous visualisez ainsi les modifications apportés immédiatement.

I Choix du modèle :

Si vous avez installé un modèle exterieur à blogger(exemple le mien), celui ci n'est pas compatible avec le concepteur.

Donc la 1ère étape consite à choisir parmi un des 4 modèles présentés dans le concepteur : simple, picture windows, awesome inc ou watermark.
Une fois ce modèle sélectionner,vous pouvez choisir une couleur de base de l'arrière plan

A suivre dans le prochain article, les modifications de l'arrière plan!


Vous avez aimez cet article, n'hésitez pas à vous abonnez au flux RSS ...





WikioAjouter aux favoris technorati

Un petit article pour vous présenter une nouvelle fonctionnalité très utile et intérressante apparu récemment sur blogger : le concepteur de modèle !

Cette fonctionnalité est accessible dans l'onglet "mise en page" puis " conception de modèle".

Vous arrivez sur une nouvelle page qui vous permet de modifier ce que vous souhaitez dans votre modèle :

- le modèle lui même;
- l'arrière plan et notamment sa couleur;
- la forme du modèle : les colonnes( nombres), l'entête, le pied de page...
- ainsi que des paramètres avancées : la police du titre...

Prochainement, de nouveaux tutoriaux sur cette nouvelle fonction!


Vous avez aimez cet article, n'hésitez pas à vous abonnez au flux RSS ...





WikioAjouter aux favoris technorati

En remplacement de la blogroll criteo (ce service est fini), wikio a crée une blogroll automatique qui permet d'afficher les blogs :
-soit qui vous citent le plus,
-soit les blogs que vous citez le plus;

Le code est donné ici.
Il existe 2 types de styles un "light" et un "raw".
Exemple d'une blogroll automatique de type light avec dir=both :

Il suffit de l'inserer dans un gadget "html/javascript".

Il faut ensuite rajouter l'attribut "dir" qui se place entre "style" et "url"
dir=In si vous souhaitez afficher les blogs qui vous citent le plus;
dir=Out si vous souhaitez afficher les blogs que vous citez le plus;
dir= Both si vous voulez les deux!


Vous avez aimez cet article, n'hésitez pas à vous abonnez au flux RSS ...

Wikio

La playlist deezer vous permet de diffuser de la musique sur votre blog. Cette fonction peut s'avérer utile si vous souhaitez présenter un morceau ou si vous écrivez un blog musical !

1/  Deezer :

Si vous n'êtes pas inscrit, commencer donc par vous inscrire.
Créer ensuite la playlist que vous souhaitez montrer sur votre blog : il suffit de rechercher les chansons puis de les ajouter à votre playlist.

Une fois la playlist terminé, cliquer sur " lecteur exportable" (en face de "exporter")
Choissisez ensuite les paramètres :

-la langue (français/anglais)
-si la lecture se déclenche seule ou non (automatique)
-la taille du lecteur (3 choix)
-et si la liste des titres est affiché!

Une fois les réglages terminés, un code est généré dans la partie basse de l'écran, Copier le!

2/ Blogger :
Connectez vous à l'interface blogger.

Vous avez 2 possibilités :
-Vous souhaitez intégrer le lecteur à un article : coller le code dans l'éditeur de message!
-Sinon, aller à mise en page/ éléments de la page et créer un gadget de type "html/javascript" et coller le code à l'intérieur, placer ensuite le gadget où vous le souhaitez...

Exemple :

Vous avez aimez cet article, n'hésitez pas à vous abonnez au flux RSS ...

Il existe 2 gadgets qui permettent d'afficher les dernières publications du blog que ce soit du coté de l'auteur (articles) ou des visiteurs (commentaires).

I le gadget "articles récents" : 
Il permet d'afficher dans une des colonnes le titre et le début des derniers articles publiés sur le blog.

Aller dans " mise en page" puis "modifier les éléments" et "ajouter un gadget".
Placer vous dans la rubrique "plus de gadget" et dans la barre de recherche, taper :  "Recents post"
Ajouter ensuite le gadget qui correspond à ce nom.
Il ne vous reste plus qu'à choisir le titre du gadget et le nombre d'articles que vous voulez voir s'afficher dans le gadget.

II Le gadget  "commentaires récents" : 
La procédure est la même que pour le gadget "articles récents", la seule chose à changer c'est qu'il faut chercher "Recents comments" à la place de "recents posts"!

Vous avez aimez cet article, n'hésitez pas à vous abonnez au flux RSS ...

 Suite à la question de l'autrejeu qui me demandait comment les visiteurs pouvait contacter l'auteur du blog, j'ai décidé d'écrire cet article. La meilleure solution pour qu'un internaute nous contacte est le formulaire de contact.

En effet, il permet à un visiteur de vous envoyer un message sur votre boite email sans que vous dévoiliez votre adresse. Ce formulaire permet d'être joignable sans exposer votre adresse email aux spammeurs.

 Pour insérer ce formulaire, je vous conseille de créer un nouvelle page que vous nommerez par exemple "Me contacter".

Pour la plateforme blogger, il existe 2 "méthodes" :


Par emailmeform :
La première, qui fait l'objet d'un article très détaillé sur leblogger (il organise par ailleurs un concours interessant, le grand jeu blogger) , fait appel à un site externe emailmeform. En résumé, il vous faut d'abord créer 2 pages dans blogger : la 1ère où vous placez le formulaire, la deuxième où vous remerciez la personne de vous avoir envoyer le message.

Rendez vous ensuite sur emailmeform, inscrivez vous gratuitement puis génerez un code html. Quand vous vous inscrivez, rentrez l'email sur lequel vous souhaitez recevoir les messages.

Lorsque toutes les étapes sont finies (ces étapes correspondent à la forme et la mise en page du formulaire), cliquez sur finish puis sur "get a html code". Collez le sur la 1ère page que vous avez créer (me contacter).

Il vous manque plus qu'a placer le lien de cette page où vous le souhaiter.


Par contactify :
C'est le même procédé qu'avec "emailmeform". La différence, c'est que vous obtenez un lien vers un formulaire qui n'est pas placé sur votre blog.

Vous avez aimez cet article, n'hésitez pas à vous abonnez au flux RSS ...

Une petite astuce assez simple pour enlever la navbar blogger.

Qu'est ce la navbar blogger?
La navbar blogger est un outil de navigation présent en haut de l'écran.    
La Navbar apparaît sur tous les blogs BlogSpot hébergés gratuitement. Cette barre est disponible en quatre couleurs, que vous pouvez choisir dans l'onglet Modèle de l'interface de Blogger.

Ceci dit si elle ne vous "plait" pas, vous pouvez la cacher.

Pourquoi la supprimer?
Pour certains, cette barre est signe d'un design peu professionnel... De plus, elle peut conduire le visiteur à quitter plus rapidement votre blog et donc des visites de moins bonne qualité.
Donner moi votre avis en commentaires...

 Pour cela :
1- Rendez vous dans "mise en page" puis à modifier le code Html.
2- Rechercher (ctrl+F) la ligne de code suivante :  ]]>< /b:skin >
3-Copier le code suivant : 

#navbar-iframe {height:0px;visibility:hidden;display:none}

juste avant 

]]>< /b:skin >

Vérifier que la navbar n'est plus visible sur votre blog, voilà l'objectif est réalisé.

Vous avez aimez cet article, n'hésitez pas à vous abonnez au flux RSS ...

Voilà une présentation de quelques liens vers des blogs contenant des infos très utiles :

-bababillgates  Un blog sous wordpress qui explique de façons très détaillés les techniques de SEO, référencement et adsense. Des articles biens écrits, intéressants et très instructifs sur le sujet.

-Guide analytics : Un guide très complet sur google analytics où l'on peut par exemple les solutions pour améliorer certaines des statistiques obtenues.

-http://www.seoworkers.com/tools/analyzer.html  Un outil en anglais qui permet d'analyser le code html de son blog en terme de SEO et réferencement. Il m'as par exemple révélée qu'il fallait que j'ajoute des meta tag de mots clés et des meta tag de description : ces 2 points feront l'objet d'articles à venir...


Vous avez aimez cet article, n'hésitez pas à vous abonnez au flux RSS ...

Un bon tutoriel sur l'intégration de la publicité adsense dans le corps des messages à l'adresse suivante : 
http://roget.biz/comment-integrer-de-la-pub-adsense-a-linterieur-des-billets-dans-blogger

Dans mon cas, je ne suis pas arriver à l'adapter car ayant changer le modèle, je ne trouve pas la ligne de code
<  data:post.body/ >cité dans l'étape 5.

Vous avez aimez cet article, n'hésitez pas à vous abonnez au flux RSS ...

 Pour créer un menu horizontal, il faut au préalable avoir créer des pages.

Une fois que plusieurs pages sont crées, rendez vous dans l'onglet "mise en page" puis sur "éléments de la page",  et ajouter un gadget "Html/javascript".

Dans la fenêtre qui s'ouvre, copier le code suivant :

Voilà votre menu est crée, si vous voulez plus de "boutons" il suffit de rajouter une ligne à chaque fois sur le même modèle que les 2 précedentes.
J'ai séparé les titres des 2 boutons par 2 slashs (//) mais vous pouvez les remplacer par le caractère de votre choix.
Vous avez aimez cet article, n'hésitez pas à vous abonnez au flux RSS ...

Dans la continuité de l'article précedent, je vais vous présenter deux outils suplémentaires pour analyser le flux rss de son blog.
-Feed analysis :
  Il permet de :
       - connaître l'évolution de son nombres d'abonnés par mois;
       -le nombres d'abonnés, les vues, les clics par jour...
       -Une chose intéressante, la prévision du nombre d'abonnés dans 3, 6 ou 12 mois
       -Un graphique en camenbert qui donne les jours où les abonnés sont les plus nombreux.

Si vous souhaitez avoir un aperçu du mien, voilà l'adresse :  stats flux

-Feed compare :
  Il permet de comparer votre flux à celui d'un autre blog !


Vous avez aimez cet article, n'hésitez pas à vous abonnez au flux RSS...

 J 'ai déjà parler dans un post précedent de la mise en place d'un flux RSS feedburner pour son blog.

Il existe maintenant différents outils qui permettent de consulter des statistiques plus complètes que celle données par feedburner :

- Firefeed
Une fois arrivés sur la page d'acceuil, il suffit de donner l'url de son flux. Par exemple pour moi, c'est :
http://feeds.feedburner.com/tutorielblogger

Vous obtenez ainsi plusieurs infos représentés par des graphes :
le nombre d'abonnés :

Le taux de croissance :  qui représente le nombre de nouveaux abonnés par jour. Par exemple, j'ai un taux de 0.2 par jour, c'est à dire un abonné de plus tous les 5 jours!



Dans le prochain article, je parlerais de feed analysis et de feed compare, d'autres outils utiles pour analyser les stats de ses flux et les comparer!

 En attendant,  n'hésitez pas à vous inscrire à  mon flux RSS pour améliorer m'aider à améliorer mes stats ;-)
(il y a un classement sur firefeed en fonction du taux de croissance)

Pour ajouter une image à l' entête de votre blog

Connectez-vous à Blogger puis cliquez sur Mise en page.
Cela vous amène à la page "Ajouter et organiser les éléments de page Page"

Cliquez sur "Modifier le code HTML"

Cherchez dans le code le morceau suivant :

< div style="color: red; />
< b:section class='header' id='header' maxwidgets='2'>;
< b:widget id='Header1' locked='true' title='titre de votre blog (en-tête)' type='Header'/ >;
< /b:section >;
Dans cette partie du code, changez maxwidgets="1" par maxwidgets="2"


Maintenant cliquez sur l'onglet "Éléments de la page".

Ici, vous pouvez maintenant voir que la section d'en-tête a un lien "Ajouter un gadget".

Cliquez dessus puis choisissez le gadget "ajouter une image".

Dans le contenu de la page qui s'ouvre,
indiquez le nom du fichier où l'image est enregistré sur votre ordinateur.

Enregistrer les modifications et vérifier ensuite que cela a bien fonctionné.


Vous avez aimez cet article, n'hésitez pas à vous abonnez au flux RSS ...

WikioAjouter aux favoris technorati

 Une nouvelle fonctionnalité de blogger in draft permet de créer des pages statiques accessible à partir d'un menu fixe sur le blog. On peut prendre comme exemple une page : "A propos de..."

Si vous souhaitez visualiser le rendu, sur mon blog j'ai actuellement 2 pages, la page "acceuil" et la page "sommaire".

Vous pouvez créer au maximum 10 pages.

Pour créer une page :
1- Rendez vous à l'onglet Publication d'un message, puis cliquez sur Modifier les pages.
2-Créer votre page de la même façon que vous écrivez une article puis cliquer sur publier.
3-Pour que votre page soit accessible, il faut que vous ajoutiez le gadget correspondant, blogger vous le propose :choississez le tire de votre gadget puis valider.

Voilà vous avez créer une page statique qui est accessible depuis un gadget!

Si vous souhaitez modifier le gadget, il vous suffit de vous rendre dans l'onglet Mise en page et de cliquer sur celui ci...








Vous avez aimez cet article, n'hésitez pas à vous abonnez au flux RSS ...

WikioAjouter aux favoris technorati

Je vous propose un tutoriel qui vous permettra de présenter vos derniers articles parus sous forme de bannières animées!

Elles vont ressembler à ça :

Pour cela, il faut utiliser une fonction de feedburner...

De nouvelles couleurs sont désormais possibles à utiliser pour la navbar de blogger : claire transparente et foncée transparente.
Pour changer la couleur de la navbar, il suffit de se rendre dans "Mise en page"  puis de cliquer sur  "Modifier" au niveau de la navbar.
Il suffit ensuite de choisir la couleur de son choix puis valider!

Vous avez aimez cet article, n'hésitez pas à vous abonnez au flux RSS ...

WikioAjouter aux favoris technorati