Cocktail Web » Blogger

11 ressources de Template blogger: ne vous limitez pas à l’offre blogger

Thierry Roget — Thu, 01 Sep 2011 23:37:40 +0000

La plate-forme de bloging Blogger est une très très bonne base pour élaborer des blogs de grande qualité. En plus, depuis quelques temps, il est possible de créer des thèmes assez jolis sans trop de compétence technique. Cela dit dans la version de base de blogger possède peu de resources en terme de template, même si celle ci c’est grandement amélioré. Un template c’est l’apparence d’un blog qu’on appelle parfois thème.

Voilà donc une série de sites proposant des templates qui j’imagine devront combler la plupart des utilisateurs.

Deluxetemplates.net

La dernière trouvaille en septembre 2010 qui parle de thème ou template blogger professionnel.

Templates-blogger.com

Ce site contient plus de 200 thèmes blogger.Il y a des templates à trois colonnes ce qui manque dans la version de base blogger.

Btemplates.com

Même combat que pour le premier, on peut sélectionner tout un tas d’option intéressantes, dans le nuage de tag.

Ourblogtemplates.com

Encore une sélection de template disponibles gratuitement, avec un vaste choix.

bloggerbuster.com

En plus des templates, blogerbuster vous propose une foule de tutoriaux pour améliorer votre blog, enfin pour que votre blog ressemble plus à vous et que vous n’ayez pas trop besoin de rentrer dans trop de détails techniques. C’est malheureusement en anglais.

Mashable.com

Ce blog pro propose toujours des longues listes intéressantes comme dans ce billet avec 70 exemples.

Sinon pour changer de template sur blogger : la procédure est sur “changer vers un template blogger)”

Vous pouvez également consulter les sites suivants

5ColumnTemplate.Blogspot.com

Pour trouver des templates à 5 colonnes ! Assez rare mais pourquoi pas

Allblogtools.com

Qui vous permettra de découvrir énormément de ressources pour blogger

Finalsense.com

Environ 300 templates qui combleront la plupart des goûts

Freshbloggertemplates.blogspot.com

Encore une grande collection de thème sur ce blog qui est mis à jour régulièrement

Freetemplates.blogspot.com

Vous trouvez également un sélection de thème intéressante sur ce blog

_________________________________________________________

Définition d’un(e) template:

Un template est un anglicisme utilisé en informatique pour désigner un modèle de conception de logiciel ou de présentation des données. On parle aussi de « patron » comme en couture, de gabarit ou de kit graphique.

Un template est un moyen de séparer le fond (le contenu informationnel) de la forme (la manière dont il est présenté).

Sur wordpress on appelle ça un thème, et ma définition du template est en fait la peau du blog. On peut en changer mais le contenu reste toujours le même, seul l’apparence change. Beauté intérieure et beauté extérieur. Mais pour un blog il faut être beau à l’intérieur et à l’extérieur.

Sep 1, 2008 (première version)

11 ressources de Template blogger: ne vous limitez pas à l’offre blogger est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Les statistiques sous blogger (blogspot) sont dispo par défaut

Thierry Roget — Wed, 07 Jul 2010 17:06:38 +0000

Si vous n’êtes pas un super technicien des statistiques, il vaut mieux que vous ayez un outil sous la main sans même aller tripoter les widgets ou les lignes de code.

Si vous êtes sous blogger (blogspot) rien de plus simple il suffit mainteant d’aller sur http://draft.blogger.com et vous allez voir sur votre blog un nouvel onglet statistiques.

Si google continue à peaufiner sa plateforme de blogging gratuite, cela va intrinsèquement attirer plus de monde .

On y trouve les informations essentielles pour débuter dans les statistiques avant d’intégrer des outils un peu plus costaud comme Google analytics, d’ailleurs on a un prime le trafic de la journée, un paramètre non disponible sur google analytics.

Pour l’instant c’est en anglais et

pour plus d’informations vous pouvez lire également l’artice sur leblogger.com

Les statistiques sous blogger (blogspot) sont dispo par défaut est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

37 leçons pour Bloguer pour débutant et commencer à faire de l’argent

Thierry Roget — Tue, 01 Jun 2010 18:56:53 +0000

Au début de mes écrits de cette année, j’ai écrit un certain nombres d’articles sur l’art de bloguer pour débutant et je ne voudrais pas que cela parte en fumée. Bizarement j’ai fermé ce blog à la lecture, mais je viens de le réouvrir. Il restera dans l’état, mais je pense qu’il y a des bonnes leçons pour débutant à tirer de ces écrits.

Si vous êtes arrivés sur cette page, c’est surement gràce à google. Depuis que j’ai écrit cet article “bloguer pour débutant”, j’ai souhaité créer un blogue dédié à l’art de bloguer, cliquez sur cette image pour accéder à ce blog.

Voilà le sommaire (ordre anti chronologique) : J’ai arrêté d’écrire de cette manière par faute de temps, c’est d’ailleurs pour cela que j’ai également lancé roget.biz qui me colle mieux à mon profil.

37 leçons pour Bloguer pour débutant et commencer à faire de l’argent est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Linkwithin.com: affichez vos billets similaires avec des vignettes (blogger, typad, wordpress)

Thierry Roget — Tue, 20 Apr 2010 13:05:39 +0000

Essayer de retenir des lecteurs sur un blog et un élément important dans la vie d’un blogueur surtout s’il veut monétiser son blog. A titre d’exemple roget.biz a fait 1,72 pages par visite sur le dernier mois et 1,62 pages par visites en moyenne depuis 2 ans. Ce qui est très peu au passage.

pour retenir le chaland, il y a plusieurs techniques que j’utilise

ne pas montrer l’ensemble de l’article sur la page d’acceuil (c’est plus agréable en plus pour le lecteur)
mettre des liens internes dans les articles (c’est bon pour le SEO)
afficher les billets similaires à la fin de chaque billet (obligatoire)
faire en sorte que tous mes liens externes s’ouvre sur un nouvelle page (ou onglet) en utilisant “target=”_blank”

Il y a bien sûr d’autres techniques, vous n’avez qu’à taper “augmenter le nombre de pages vues” sur google pour vous informer

Sur ce blog j’utilise simple tag, mais aujourd’hui j’ai testé linkwithin.com qui permet de visualiser les billets similaires sous forme de vignette, ce qui rend la chose très esthétique.

linkwithin.com marche sur wordpress, blogger et typepad et j’ai testé ce widget sur blogger sur mon blog apprendre les langues en ligne, et j’avoue être content du résultat. Pour faire la même chose, il suffit de donner son adress email, l’url du site et le nombre de liens relatifs que vous voulez afficher.

Linkwithin.com: affichez vos billets similaires avec des vignettes (blogger, typad, wordpress) est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Blogger ou blogspot: fabriquez vos templates en 1 clin d’oeil (nouveau)

Thierry Roget — Thu, 11 Mar 2010 22:26:04 +0000

Ce qu’on peut repprocher à Blogger, c’est le manque de template, il faut aller un peu bidouiller dans le code, et pour quelqu’un qui n’est pas technicien: c’est pas bien! A moins d’être aidé par un geek qui traine et qui va vous changer tout ça, parce qu’il aime bidouiller.

Mais voilà que le mal est réparé. Aller donc voir la news chez leblogger.com qui vous sûrement mieux en parler que moi, mais pour faire bref, maintenant on peut customiser son template à partir de template pré fabriqués et croyez moi c’est simple et c’est riche, ça prend quelques minutes et voyez juste le résultat, sur mon blog d’essai http://rogetbiz.blogspot.com/

Il ne manque plus à blogger de peaufiner le SEO (search engine optimisation) pour être aussi bien que WordPress!

La tendance est à la simplification pour l’utilisateur, j’espère que l’équipe wordpress travaille sur le sujet, car c’est vraiment par là que le progrès reste à faire chez eux.

Merci donc à leblogger.com

Blogger ou blogspot: fabriquez vos templates en 1 clin d’oeil (nouveau) est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Impossible d’écrire un billet sur blogger? Passez dans la vielle configuration

Thierry Roget — Wed, 24 Feb 2010 18:37:43 +0000

Si vous n’arrivez pas à bloguer sur la plate-forme blogger, c’est sûrement que vous écrivez vos billets à partir de ?http://draft.blogger.com cette version est pratique car elle contient des gadget que la configuration ne possède pas.

Aujourd’hui blogger ne marche pas bien en mode écriture sur la version draft, il faudra donc bloguer à partir de la version classique http://www.blogger.com et surtout désactivé le mode draft

En général, si vous avez un problème de ce genre, c’est avec twitter que vous aurez l’information et la solution au problème plus rapidement.

J’ai tapé tous simplement “blogger” dans le moteur de recherche de twitter et c’est là que j’ai trouvé la solution, c’est aussi simple que cela!

Impossible d’écrire un billet sur blogger? Passez dans la vielle configuration est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Migrez de blogger vers wordpress sans perdre de traffic, c’est possible

Thierry Roget — Thu, 10 Sep 2009 20:34:38 +0000

Voilà une information que je viens de lire sur digital inspiration. Un titre intitulé “Migrate from Blogger to WordPress without Losing your Google Search Rankings” migrer votre blog wordpress sans perdre le trafic généré par le moteur de recherche google.

c’est un peu technique, mais si vous avez un blog sur blogger que vous désirez migrer sur wordpress, c’est une étape par laquelle il faudra passer. Grâce à ce tutorial il vous sera donc possible de le faire. Personnellement j’ai déjà migré une blog écrit sur blogger vers wordpress, mais j’ai pris chaque billet de l’ancien blog et écrit la nouvelle adresse du billet dans chaque billet. Il n’y avait que 37 billets, mais cette tâche a été fastidieuse!

Le jour où je ferais la manipulation je vous en ferait part

A noter dans vos bookmarque pour un usage prochain digital inspiration

Migrez de blogger vers wordpress sans perdre de traffic, c’est possible est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Storytlr.com, plateforme de blog et lifestream (comme posterous et tumblr)

Thierry Roget — Tue, 04 Aug 2009 14:33:42 +0000

Storytlr.com est un agrégateur d’informations au fil de l’eau où vous pouvez par la magie des flux rss inclure toutes vos (les) informations à partir des réseaux sociaux et autres médias (un grand classique), en même temps Storytlr.com vous permet de bloguer. L’outil est assez rapide pour la mise en place (attention par de version française) et si on est habitué à d’autres plates-formes on ne sera pas perdu.

Avec ce service vous pouvez

Bloguer en incluant texte, video , audio…
inclure tous les flux rss que vous voulez
customiser votre page d’accueil comme bon vous semble (idem blogger)
intégrer des widgets, donc intégrer de la pub si vous voulez
raconter une histoire (là j’ai pas bien compris l’utilité)
mettre à jour votre blog par email…
sauvegarder votre contenu

Bref une bonne alternative aux plates-formes de blogging. Pour des services équivalents vous pouvez trouver posterous, ou tumblr vous avez du connaître également swirl, mais il a été rayé de la carte. A moins que vous ne préfériez friendfeed

Storytlr.com

Storytlr.com, plateforme de blog et lifestream (comme posterous et tumblr) est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Customisez son blog sur blogger : cas pratique (2/2) en 3 étapes

Thierry Roget — Wed, 08 Jul 2009 13:00:00 +0000

Hier je publiais un article sur comment customisez son blog sur blogger : cas pratique (1/2) en huit étapes aujourd’hui je vous parle des choses à faire pour optimiser un billet (liste non exhaustive). Il faut légèrement modifier le code des billets pour les rendre plus attractifs au niveau SEO et quelques autres fioritures.

Blogger plate-forme de blog appartenant à google se devrait d’être archi-optimisée pour Google, mais bizarrement j’ai remarqué qu’il y avait une ou deux choses qu’on pouvait faire pour éventuellement améliorer le référencement dans google.

L’image

quand vous insérez une image sur blogger, cela va vous génère le code le code html suivant

cursor: pointer; width: 400px; height: 70px;” src=”http://2.bp.blogspot.com/_tfvfOpQyce0/SlSLSbkS_nI/AAAAAAAACqo/qKJdIXntTBI/s400/635411247052534.png” alt=”" id=”BLOGGER_PHOTO_ID_5356059005604265586″ border=”0″ />

En rouge, j’ai retiré le code “inutile” (attention ce n’est pas cela qui va améliorer votre référencement), mais ça évite que le lecteur passe sur la photo et clique dessus pour finalement atterrir sur la photo et rien de plus.

Voilà donc le nouveau code (vous pouvez encore retirer quelques fioritures de style si ça vous chante: en bleu mais la mise en page va être altérée)

style=”margin: 0pt 10px 10px 0pt; float: left; width: 400px; height: 70px;” src=”http://2.bp.blogspot.com/_tfvfOpQyce0/SlSLSbkS_nI/AAAAAAAACqo/qKJdIXntTBI/s400/635411247052534.png” alt=”" border=”0″ />

Si vous regardez le code de plus près, il y a la balise alt=”" . Pour justement aider google à référencer votre image dans l’index de recherche d’image, autant renseigner cette balise. exemple : alt=”optimiser blogger”

Lien url :

Si vous avez inséré un lien url dans blogger, ça donne ce genre d’html, (le minimum)
Roget.biz

Il serait mieux d’optimiser l’html cette cette manière

title=”blog high tech” href=”http://roget.biz” target=”_blank”>Roget.biz

Mettre un titre au lien url ne peut qu’aider à mieux être référence le lien (à mon humble avis) encore plus utile si vous faîtes du lien interne

target=”_blank” permet de lancer le lien sur une nouvelle page et que le lecteur ne quitte pas votre blog, c’est très utile.

Titres

Si vous avez des titres dans vos paragraphes, je pense qu’il est préférable de mettre de hiérarchiser vos titre en mettant des balises du styel h1, h2, h3. Blogger ne se contente que d’augmenter la police, mais n’indique pas la hiérarchie de titre.

Titres

(titre niveau 1)

Titres

(titre niveau 2)

___________

Le mieux serait peut-être de trouver un éditeur html simple puis de coller le code html dans blogger.(pour ne pas le faire à partir de wordpress = gros délire)

J’ai écrit ce poste dans le mode “j’écris ce que je fais et je fais ce que j’écris“. Ces petits réglages ne sont peut-être qu’une petite goutte d’eau dans l’optimisation, mais cela prend peu de temps (que je ne prends parfois pas moi même).

Customisez son blog sur blogger : cas pratique (2/2) en 3 étapes est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Customisez son blog sur blogger : cas pratique (1/2) en huit étapes

Thierry Roget — Tue, 07 Jul 2009 18:00:04 +0000

Bloguer sur blogger peut être sérieux, tellement sérieux qu’on n’est même pas obligé de savoir si notre blog est hébergé chez eux ou presque. J’ai donc entrepris de relooker mon blog sur l’apprentissage des langues enligne. Comme j’ai presque fini la customisation autant vous faire part de l’expérience.

Voilà donc la série des choses à faire pour customiser un blog sur blogueur. C’est point ne sont pas du tout obligatoire, mais ils sont utiles pour quelqu’un qui veut faire un blog sérieux sur la plate-forme blogger.

1) Motivation

Déjà un premier conseil, avant de customiser un blog : attendez déjà d’avoir blogué une cinquantaine d’articles pour mesurer votre motivation. Au bout de 50 articles, vous êtes déjà parti pour en faire au moins 200.

2) Feedburner

Ouvrez un compte feedburner afin de savoir combien de personnes lisent votre blog et d’offrir une newsletter journalière. le tuto est ici. et ici et encore ici.

Une fois créé un compte sur feedburner, n’oubliez pas de l’indiquer dans votre blog : à la rubrique (Paramètre, Flux d’actualisation) mettre le flux en complet, c’est plus sympa.

Cette manipulation est utile du fait que toutes les personnes seront automatiquement redirigées vers le flux feedburner, ce qui vous permettra de faire vos statistiques et d’afficher plus tard le nombre d’abonnés.

3) Changer de thème (apparence du blog)

Les thèmes disponibles sur blogger sont très pauvres, il vous faudra passer par des services intermédiaires qui font cela très bien et gratuitement. Vous pouvez récupérer des ressources de template sur mon article 10 ressources pour ne pas vous limiter à l’offre blogger

J’ai trouvé un thème relativement sérieux pour mon blog bizmax à vous de trouver ce qui vous convient le mieux. D’autre part, j’ai customisé le thème en supprimant quelques trucs qui ne m’intéressaient pas. (allez y en tatonnant, éventuellement créez un autre blog sur blogueur avant de procéder sur votre blog de production)

J’ai écrit un mode d’emploi sur ce sujet Changer vers un modèle de présentation Blogger à 3 colonnes

N’oubliez pas de Sauvegarder vos widgets avant de changer de thème sinon vous allez les perdre

4) Incrivez votre blog à Google Analytics

Voilà un brique assez importante si vous voulez faire des statistiques sur votre blog, ça permet encore une fois de connaître un peu mieux vos lecteurs. Il faudra également insérer un code dans votre blog. Cela pourra se faire dans un widget.

5) S’inscrire à google webmaster

une étape qui n’est pas obligatoire mais qui vous sera très utile pour connaître un peu vos lecteurs, avec quels mots clès ils accèdent à votre blog. C’est très ludique. le mode d’emploi est ici. Il y aura une balise meta à mettre dans votre thème. Attention si vous changez de thème blogger, il vous faudra répéter l’opération.

6) Changez votre favicon dans blogger

Dans l’url vous avez un “icone” qui par défaut est l’icone de blogger (un B orange). C’est un favicon. avec l’extension de fihier .ico

Il vous faudra changer cet icone et y mettre le votre, ça fait plus classe pour cela allez sur degraeve.com et suivez les instructions pour créer un favicon. Ensuite il vous faudra insérer le favicon dans votre blog. Pour cela suivez le tuto sur blog tuto

7) Par ici la monnaie

Si vous voulez commencer à monetiser votre blog, il est convenable de commencer tout doucement avec la régie adsense qui vous accueillera sans problème. Il faudra trouver un endroit stratégique pour insérer vos pub et blogger étant dans la même boutique qu’Adsense, ils machent le boulot. lire Comment placer ses annonces Adsense pour un rendement maximum et suivez lisez comment faire por Ajouter de la publicité Adsense

Le sujet de monetisation est bien plus vaste qu’Adsense, mais c’est un autre chapitre.

acheter un nom de domaine

Il ne vous reste plus qu’à acheter un nom de domaine que vous allez payer 10 dollars pas an. Je n’ai pas encore procédé à cette opération sur ce blog, j’attends encore de voir. j’hésite à passer ce blog sur wordpress pour l’instant. Si vous achetez un nom de domaine, il sera très difficle de voir que le blog est hébergé sur blogger.

Conclusion

Voilà j’ai fait le tour en ce qui concernet la customisation d’un blog sur blogger, cela prend une petite demie-journée! Si vous avez d’autres tuyaux, il ya toujours les comemntaires.

La plate-forme blogger est vraiment conviviale, elle permet aux nons spécialistes de bloguer en toute tranquilité. Les petites plus que je vous propose dans ce billet ne sont pas obligatoires, mais ils vous aiderons à mieux blogguer.

Soyez indulgent sur les tutoriaux, ils sont récupéré d’un premier blog que je viens d’intégrer dans ce blog aujourd’hui. Il y a des urls qui renvoient vers l’ancien blog.

Customisez son blog sur blogger : cas pratique (1/2) en huit étapes est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Bloguer sans effort avec posterous

Thierry Roget — Wed, 10 Jun 2009 19:41:04 +0000

Découverte du jour! Après tout créer un blog c’est compliqué. Pourquoi ne pas faire plus simple avec posterous il suffit d’envoyer un mail à post@posterous.com et votre blog va s’alimenter tous simplement du contenu de votre mail!

Vous pouvez mettre des photos, des vidéos, le service va se charger de mettre tout cela en page comme il faut! Le titre de votre billet sera le sujet du mail et bien sur le reste sera le billet lui même. C’est tout tout simple. Notez que ce service existe également sur blogger où vous allez attribuer un mail à votre blog qui vous permettra d’envoyer par mail votre billet.

Dans les paramétrages vous pouvez également diffuser le fait que vous venez de poster un billet vers les réseaux sociaux habituel et twitter!

Pour le fun, j’ai créé un petit blog http://rogetbiz.posterous.com/ avec l’url de mon blog, c’est toujours un backlink de gagné! Et peut-être que ce blog va devenir mon contre blog, une espèce de soupape sur des trucs qui n’ont rien à voir avec ma ligne éditoriale!

Bloguer sans effort avec posterous est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi:

Intégrer un moteur de recherche sur un blog géré sur blogger

Thierry Roget — Tue, 02 Jun 2009 12:13:56 +0000

L’avantage avec blogger, la plate-forme de blogging de google, c’est que tout y est très simple et de temps en temps un nouveau service arrive comme aujourd’hui avec l’ajout d’un moteur de recherche personnalisé présenté sur google blog. Pour cela il faut aller sur Blogger experimental et choisir l’option ajouter un gadget dans l’onglet mise en page.

Ce qui est fort pratique c’est que la recherche arrive directement intégrée dans la page du blog comme dans l’exemple ci-dessous :

Fonction que j’ai intégré dans mon blog “apprendre les langues en ligne“

Intégrer un moteur de recherche sur un blog géré sur blogger est un billet de Cocktail Web Roget rédigé par Thierry Roget Mes partenaires www.bluehost.com www.elegantthemes.com www.dreamhost.com

lire aussi: