Intégrer une vidéo YouTube sur son blog

Pour intégrer une vidéo YouTube sur son blog, il suffit de cliquer sur les menus qui se situent sous la vidéo.

1. cliquer sur le bouton "Intégrer", en bas à droite de la vidéo.

2. Un menu apparaît qui permet de choisir les dimensions et les couleurs du lecteur qui apparaîtra sur le blog.

3. Par défaut, l'option "Inclure les videos similaires" est sélectionnée.
Personnellement, je préfère la décocher ;-)

4. Quand toutes les options sont choisies, copier le code HTML : cliquer sur la zone comprenant le code, faire CTL C pour copier (ou CLIC DROIT et coller) puis aller dans l'onglet "Modifier le code HTML" dans Blogger et coller le code à l'endroit de son choix CTL V.

Le truc utile : pour certaines videos, les dimensions minimales proposées sont supérieures à la largeur du blog !!! Dans ce cas-là, l'affichage "déborde" de la colonne ... soit il passe au-dessus des colonnes latérales, soit la video est coupée sur la droite.

Avant ça passait au-dessus, maintenant ça passe en-dessous ...
En tout cas, il manque les menus sur la droite de la video.

Là où c'est magique, c'est qu'avant je modifiais à la main les dimensions de la vidéo dans le code HTML pour que ça "rentre" dans la colonne, en faisant attention de conserver les proportionnalités.

Et je découvre qu'à droite des dimensions pré-définies, il y a possibilité de saisir une largeur ou une hauteur ... et l'autre se calcule automatiquement !!! En plus, la mise à jour du code se fait aussi toute seule ^-^

Bon, ce n'est pas magique mais c'est pratique !

Joliment accroché sur le frigidaire

Enfin les vacances (presque, il n'y a plus que la dernière épreuve du brevet demain matin) ! Symboliquement j'ai aussitôt jeté l'emploi du temps collé sur le frigidaire ^-^
En plus il n'était même pas joliment accroché ...

Mais à la rentrée, je ferai mieux !
Vous ne le voyez pas ? Mon nouveau magnet sur le frigidaire ?

Un magnet "Joliment accroché", reçu par la poste ce matin, en principe offert aux acheteurs des cintres du même nom  (trop de chance moi, merci!) ;-)

clic clic pour voir tous les détails, le tampon sur l'enveloppe et les cartes publicitaires
(pour tout savoir sur les coulisses de la boutique c'est LÀ)

Si vous ne connaissez pas encore la boutique de cintres crochetés "Joliment accroché", allez vite y faire un tour.

Une petite sélection parmi mes préférés, avec des couleurs que j'aime :-)

La mosaïque est de ma composition mais les photos sont © avecmes2mains.com

Les modèles présentés sur le site sont disponibles avec plusieurs motifs et dans plein d'autres couleurs. En plus Céline☼ peut vous personnaliser chaque modèle avec les coloris de votre choix.

J'adore le look "complètement cintré"

Edit du 30/06/10 : Bien sûr, il s'agit de Céline☼ sur la photo.
Un clic sur la photo pour accéder à sa boutique, un clic sur la légende pour savoir le pourquoi de ce "look complètement cintré" ...

Pour voir tous ses modèles de cintres : www.avecmes2mains.com

Offrir un tee-shirt personnalisé

Si vous êtes à court d'idée pour un cadeau à faire, ou même pour vous, essayez un t-shirt, un mug, une casquette ou un tapis de souris personnalisé avec l'une de vos photos et / ou des motifs à choisir en ligne.

Bilan d'un 1er essai sur www.comboutique.com , pour l'anniversaire d'une amie de la pré-ado : livraison rapide (48h dans une enveloppe en plastique) et qualité du t-shirt tout à fait correcte. Le seul bémol est le prix, 20€ pour un t-shirt femme en taille S + 3€ de frais de livraison.

Edit du 4 mai 2010 : la copine était contente, celles à qui elle a montré le t-shirt ont trouvé ça mignon, du coup la pré-ado aussi était contente. Ma cote de maman a monté, je serai peut être réélue pour un tour comme dans Calvin et Hobbes ☺☺☺ 

Chaque élément du décor peut être redimensionné et déplacé à l'intérieur du rectangle prédéfini. Les motifs et textes proposent un choix de couleurs. Et il est possible de placer sur un même objet plusieurs motifs, comme une photo, un logo, un texte personnalisé, pour former une composition originale. On peut même superposer les motifs, comme les étoiles de mon essai (ci-desssus). Après, tout est une question de goût.

Un motif à étoiles (spécialement pour Virginie)

Pour les professionnels ou les autres, il est possible d'ouvrir une boutique en ligne sur le site en créant un certain nombre d'articles à partir des modèles du site. C'est par exemple le cas de la boutique de Rue 89 grâce à laquelle j'ai découvert le site.

Il n'y a pas de frais à engager pour ouvrir la boutique et chaque article est vendu au prix de base du site auquel le vendeur ajoute sa propre marge.

(article même pas sponsorisé)

Souligner un texte dans une page web et autres propriétés de formatage de texte

Une petite astuce toute simple aujourd'hui pour souligner du texte dans un article quand l'éditeur de blog ne le propose pas directement (comme c'est le cas pour celui de Blogger).

Après avoir saisi son texte, il suffit d'aller dans l'onglet "Modifier le code HTML" et d'entourer le texte à souligner par les balises <u> et </u> (où le "u" signifie "underline").

Par exemple, le code HTML correspondant à la partie soulignée dans la 1ère ligne de cet article est :

<u>souligner du texte</u>

De la même manière le texte en gras est encadré des balises <b> et </b> et le texte en italique par les balises <i> et </i>. Il est également possible de barrer un texte en utilisant les balises <s> et </s> ou <strike> et </strike> (balises générées automatiquement par Blogger lorsque l'on utilise les boutons de mise en forme de l'éditeur).

Edit du 10/04 : le bouton ABC qui permet de barrer un texte n'apparaît à côté du bouton B (pour le gras) et du bouton I (pour l'italique) que lorsqu'on est passé au nouvel éditeur de Blogger.

Pour des balises blink blink, c'est là qu'il faut aller voir.

On trouve d'autres balises de style sur www.commentcamarche.net

♦ ♦ ♦

Pour aller plus loin...

Les puristes recommandent d'éviter l'utilisation de ces balises (pourtant pratiques) au profit des propriétés de style CSS.

Edit du 10/04 :  Tout en continuant d'utiliser par facilité les balises <u> <b> ou <i>, il faut savoir que les propriétés de style - cf lien ci-dessous vers le Site du Zéro pour la liste complète - permettent des possibilités plus importantes de mise en forme (police, taille et couleur du texte, arrière-plan, texte en petites capitales, en majuscules, etc)

► pour modifier l'apparence d'une partie de texte il suffit de l'encadrer par les balises <span> et </span> et d'ajouter les éléments de style (css) à l'intérieur de la balise.

Exemple correspondant au texte souligné en début de cet article :

<span style="text-decoration: underline;">souligner du texte</span>

où <span style="text-decoration: underline;"> remplace le <u> et </span> remplace le </u>.

→ évidemment le résultat est le même : souligner du texte

► il est possible de grouper plusieurs propriétés, par exemple pour afficher un texte en gras et en italique :

<span style="font-weight: bold; font-style: italic;">écrire un texte en gras et en italique</span>

→ résultat : écrire un texte en gras et en italique

Edit du 10/04 : On peut modifier la présentation d'un paragraphe en ajoutant les propriétés de style à l'intérieur de balises <div> et </div> (à la place des balises <span> et </span>)

► on trouve une liste de toutes les propriétés de formatage de texte par exemple sur le Site du Zéro (un site qui m'a beaucoup servi pour mes débuts dans le HTML et le CSS, ou comme je le disais au début de ce blog "une bonne référence pour le webmaster débutant").

(tous mes tutoriels sont dans l'index "informatique")

Personnaliser le texte du gadget LinkWithin

Après avoir installé le gadget LinkWithin sur mon blog, je me suis interrogée sur comment personnaliser le texte "Vous aimerez peut-être : " qui apparaît par défaut au dessus des petites vignettes.

En effet, le code HTML du gadget inséré par défaut avec Blogger ne laisse absolument pas voir comment ce texte peut être modifié.

(cliquer pour mieux voir)

En fait, il suffit d'ajouter une ligne dans le code du gadget LinkWithin :
<script>linkwithin_text='Votre texte personnalisé:'</script>

C'est grâce à Blogtuto que j'ai découvert le code détaillé du gadget, dans un article qui précisait le mode d'emploi (manuel) pour les blogs Hautetfort, et constaté qu'il me "manquait" pas mal de lignes dont celle qui permet de modifier le texte justement.

Comparaison entre le code détaillé sur Blogtuto et celui du gadget dans Blogger

Dont acte, et résultat (je me réserve le droit de remodifier ce libellé).

L'examen détaillé du code présenté dans l'article de Blogtuto permet de constater qu'il est également possible de modifier d'autres paramètres par défaut du gadget.

NB. la solution pour modifier le texte du gadget se trouvait également dans la FAQ de LinkWithin mais je ne l'ai découvert qu'après...

(tous mes tutoriels sont dans l'index "informatique")

Coloriage en ligne à la manière de Mondrian

J'avais entendu parler de Scrap Coloring sur un blog, puis je les ai retrouvés par hasard sur Twitter.

Ça m'a amusé de faire un coloriage "à la manière de Mondrian"...

© copyright 2009 http://scrapcoloring.fr

Bien sûr il est possible d'enregistrer sa composition pour la conserver précieusement, ou de l'imprimer directement.

(cliquer pour agrandir l'image)

Et je découvre aujourd'hui qu'il est possible d'envoyer l'une de ses propres photos pour la transformer en coloriage en ligne.

Il faudra que j'essaie à l'occasion!

Insérer des liens "Vous aimerez peut-être" sur son blog

En cherchant comment insérer le petit widget "Vous aimerez peut-être" qu'on voit à la fin de chaque article sur plein de blogs, j'ai découvert un blog tout jeune plein de nouveaux trucs pour bidouiller (et pas les miens pour une fois...).

Pour installer le widget de LinkWithin qui permet d'afficher entre 3 et 5 articles liés à la fin de chaque article, c'est vraiment tout simple et c'est expliqué en français sur "Mes trucs pour Blogger".

Sur "Tu ne dors pas Petit Ours?",

LinkWithin me propose bien trois autres albums illustrés

Il ne faut pas s'inquiéter si au début les liens proposés n'ont pas vraiment l'air en rapport avec l'article initial, il faut le temps que le module LinkWithin "scanne" le blog (quelques heures s'il contient beaucoup d'articles) et regroupe les articles en fonction des titres et mots-clés. Après, ça a l'air cohérent... sous réserve évidemment que les mots-clés (ou catégories) soient correctement renseignés.

J'ai trouvé, toujours sur ce blog, une autre astuce à propos de la fonction "Lire la suite..." (enfin dans Blogger) qui pourrait être utile à ceux chez qui l'utilisation de cette fonction déplace la colonne de droite en bas de la page d'accueil... Apparemment, il suffirait pour y remédier de vérifier dans le code HTML que la balise correspondant à la coupure <!-- more --> ne soit pas située entre une balise <div> et une balise </div> (explications ici).

Mes trucs pour Blogger est donc un blog à suivre donc pour bidouiller dans Blogger, au même titre que Le BloGGers du Net ou Blogger au bout du doigt (lire mon avis là)

(Tous mes tutoriels sont dans l'index "informatique")

Traduire son blog (ou autre chose) en anglais

Participant depuis quelque temps aux Corner View de Jane, je me suis sentie obligée de rajouter quelques mots en anglais pour les lecteurs non francophones de ce jeu.

Le problème est que, si je comprends à peu près ce qui est écrit, j'ai un peu de mal à écrire en anglais. C'est normal après tout puisque c'est le 4e niveau d'appropriation d'une langue après la compréhension orale/écrite et l'expression orale... le 5e étant la capacité à échanger! Pour ma part, j'ai fait de l'anglais au lycée et un peu après mais je n'ai jamais "pratiqué" et je manque clairement de vocabulaire (tu me comprends Céline...).

J'ai trouvé une solution qui pour l'instant répond à mes besoins avec un outil de traduction en ligne.

C'est magique, on tape son texte en français et il propose une traduction en anglais..

Wordpress pour les quiches

Vous aimeriez en savoir plus sur Wordpress et peut être essayer, mais vous ne savez pas par où commencer?

Recommandé par des
Influenceurs

Sur le blog de Zara, on trouve des tutoriels simples et pratiques, le B.A. BA pour celles qui souhaitent se lancer mais ne savent pas très bien comment s'y prendre.

Pas à pas, Zara explique comment installer Wordpress sur son ordinateur et quels outils sont nécessaires, depuis la création de la base de données jusqu'à la rédaction du 1er article. C'est impeccable, et j'attends avec impatience la suite des tutoriels.

Blogger au bout du doigt

Ou comment mieux bloguer, avec Blogger ou un autre support.

Puisqu'il faut bien en choisir un pour commencer, si vous cherchez :

• des astuces pour améliorer votre visibilité sur le net
• des conseils pour mieux bloguer
• des trucs pour personnaliser votre blog hébergé par Blogger

vous trouverez plein de conseils pratiques et d'articles intéressants sur Blogger au bout du doigt.



Bien que ce message ressemble à une publicité ou à un article sponsorisé, c'est seulement un site que je trouve utile et sur lequel je retournerai.

A titre d'exemple pratique, j'y ai trouvé comment cacher la barre de navigation de Blogger en haut de l'écran et comment publier un message en différé (je savais qu'on pouvait le faire mais j'ai cherché longtemps...).

Le site du zéro, une bonne référence pour le webmaster débutant

A tous ceux qui démarrent le développement d'un site internet, et même pour ceux qui se sont déjà fait les dents, je conseille l'excellent "Site du Zéro" qui propose de nombreux tutoriels très bien expliqués, permettant de démarrer de zéro et d'aller assez loin en HTML, CSS et PHP notamment.

De tous les sites que j'ai consulté pour avancer, c'est sans conteste le plus clair et celui qui m'a le plus aidé. Je dirais que c'est le site qui permet de pouvoir exploiter les autres ressources ... et je l'ai apprécié au point d'acheter le non moins excellent livre rédigé par son fondateur Mathieu Nebra "Réussir son site Web avec XHTML et CSS" ! Je vous le conseille.