lundi 19 octobre 2009

Insérer une vidéo personnelle

Publier des vidéos vous a déjà été présenté. Que ce soit sur Youtube ou Dailymotion.
Ici, ce que nous allons voir, c'est la publication de vos vidéos, lorsqu'elles ne sont pas hébergées sur ces plateformes.
Actuellement, le nouvel éditeur de Blogger ne permet pas de le faire. Il faut donc revenir à l'ancienne version. (NB1)

Procédure

Cliquer sur le menu Paramètres / Général
Puis descendre au niveau de Paramètres globaux.
A ce niveau là, il faut cocher la case Ancien éditeur.
et cliquer sur le bouton Enregistrer les paramètres.

De retour, nous allons écrire notre article par le menu Publication d'un message et Nouveau message.
Cliquer sur l'icône Publier vidéo.
Une nouvelle fenêtre s'affiche par dessus celle-çi qui reste en surbrillance.
Les formats acceptés pour le transfert vidéo sont l'AVI, le MPEG, Real et Windows Media.
Cliquer sur le bouton Parcourir... pour aller chercher la vidéo où vous l'avez stockée.
Saisir ensuite son titre.
Cocher la case pour signifier que vous acceptez les conditions générales d'utilisation.
Et cliquer sur le bouton Transférer une vidéo.

Le code de la vidéo vient se positionner dans le corps du message.
Il ne vous reste qu'à mettre du texte éventuellement.
Et à Publier le message.

NB1 :
Il existe une autre façon de publier des vidéos personnelles. Cela se fait naturellement en ayant choisi d'éditer son blog avec Blogger in Draft.
On revient, de cette façon, vers un éditeur plus intuitif et complet.

NB2 : Cette dernière présentation est maintenant celle à disposition, de série, pour le téléchargement des vidéos personnelles.

Dernière mise à jour : Le service de publication des vidéos de Blogger (Google Vidéo) est arrêté depuis le 29 avril 2011.
Les vidéos personnelles doivent donc être hébergées sur Youtube ou Dailymotion et le code obtenu peut ensuite être publié dans le corps de message du blog.

NB sur la MAJ : Contrairement aux annonces précédentes faites par Google sur la fermeture de son service d'hébergement de vidéos, celui-çi marche encore... 

A+

jeudi 15 octobre 2009

Utiliser un annuaire des blogs de Blogger

Une manière de visiter les sites qui ont les mêmes centres d'intérêts que les siens est tout d'abord de renseigner toutes les différentes rubriques de son profil (Tableau de bord / Modifier le profil).

Ensuite, aller dans Afficher le profil. Des liens se sont créés sur chacun des mots que l'on a renseigné. Il suffit de cliquer dessus et on est dirigé vers les blogs qui ont mis les mêmes mots clés.

A chacun d'être perspicace pour bien cibler ce que l'on recherche et ce que l'on veut afficher.

Blogger possède également son propre moteur de recherche de Blogs (version Bêta) :


A+

mercredi 14 octobre 2009

Modifier les liens de navigation en bas de page par Pages précédentes et Pages suivantes

Votre blog avance. Petit à petit vous faites des modifications.
Maintenant vous voulez changer les liens de bas de page pour la navigation. Dehors : "Messages plus récents" et "Messages plus anciens", vous voudriez quelquechose à la place qui soit du genre "Pages précédentes" et "Pages suivantes".

Procédure

Il vous faut aller dans le menu Mise en page puis Modifier le code HTML.
Ensuite descendre au niveau de Modifier le modèle et cocher la case Développer des modèles de gadgets.


Cherchez dans votre modèle le code suivant :
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
et le remplacer par :
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' title='Pages précédentes...'>Pages précédentes...</a>
</span>
puis cherchez celui-çi :
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
et le remplacer par :
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' title='Pages suivantes...'>Pages suivantes...</a>
</span>
Vous pouvez bien entendu modifier le texte proposé (Pages) par celui qui vous convient le mieux.

A+

mardi 13 octobre 2009

Publier des images cote à cote

Lorsque l'on a plusieurs photos à présenter dans un article, souvent on a envie de varier la mise en page. Pourquoi ne pas publier des images côte à côte ?
Pour ce faire, il suffit de copier le code suivant (pour 2 colonnes et 3 lignes).

<table><tbody>
<tr><td>photo 1-1
</td><td>photo 1-2
</td></tr>
<tr><td>photo 2-1
</td><td>photo 2-2
</td></tr>
<tr><td>photo 3-1
</td><td>photo 3-2
</td></tr>
</tbody></table>

Ensuite, il ne restera plus qu'à intégrer les images dans les cellules des tableaux (à la place des photo 1-2, photo 2-2 etc selon l'endroit où on veut les positionner).
Par rapport à l'exemple proposé, si vous avez besoin de moins de lignes (ou de plus), supprimez des lignes ou rajoutez en autant que nécessaire.

A+

LinkWithin

Related Posts with Thumbnails