Haut

newsletter-du-JardinOscope




Logo-AAAE

Feuille_1
Feuille_2
Feuille_3



Tutoriels HTML, CSS, Vidéo,...

Trucs et astuces pour améliorer la présentation d'un blog, faciliter la navigation,
donner plus de visibilité, favoriser un meilleurs référencement, etc.


10 déc. 06

Quel est mon "Author Rank" ?

Google a mis en place son système authorship qui lui permet identifier sans se tromper qui est l'auteur de quel contenu. L'étape suivante logique est de tenir compte du "niveau d'autorité" de l'auteur dans un ou plusieurs domaines thématiques. Google pourra ainsi booster la visibilité des articles écrits par des auteurs reconnus (ayant un fort score d'autorité) : c'est ce qu'on appelle l'Author Rank. A ce jour (mi-décembre 2013), ce système n'est pas officiellement opérationnel chez Google. De nombreux spécialistes du... [Lire la suite]
Posté par Patrick L à 12:57 - - Commentaires [0] - Permalien [#]
Tags : ,

02 déc. 06

Scripts, trucs et astuces en HTML ou autres

Pour améliorer la présentation, faciliter la navigation et la lecture du site SOMMAIRE Surligner un mot ou une phrase pour le mettre en valeur Faire un cadre autour d'un texte pour le mettre en valeur Mettre en valeur un paragraphe complet (balises "blockquote" et "Cite") Arriver directement à un endroit d'une page (un mot, une photo) Créer et installer un menu déroulant Mettre une icone personnelle dans la barre d'adresse Ouvrir un lien sur une nouvelle fenêtre Créer un lien dans un album vers un message ou une URL... [Lire la suite]
Posté par Patrick L à 00:01 - - Commentaires [0] - Permalien [#]
Tags :
25 sept. 06

Comment créer facilement un diaporama ou une vidéo

  Utiliser le Slideshow de dailymotion Utiliser Slideshow par Dailymotion_Products
Posté par Patrick L à 12:03 - - Commentaires [0] - Permalien [#]
Tags : , ,
25 sept. 06

Intégrer une vidéo sur votre blog Canalblog

Didacticiel Intégrer une vidéo sur votre blog Canalblog par Dailymotion_Products
Posté par Patrick L à 11:40 - - Commentaires [0] - Permalien [#]
Tags : , , ,
10 avr. 06

Comment avoir une largeur de photo hors des valeurs standards ?

Les valeurs standards imposéses par la plateforme CanalBlogfixent le width (largeur) des photos à 150, 300, 450 ou 600 px Si on veut une autre largeur de photo, il faut faire quelques modifications dans le html ou le CSS 1. En mode standard : Code initial avec une largeur de 300 "IMG_91674423" href="http://adresse de l'image_o.jpg" target="_blank">"http://adresse de l'image.jpg" border="0" alt="nom de l'image" class="width300 nonealign"/>  Modification du code pour une largeur de 200 (par exemple) ... [Lire la suite]
Posté par Patrick L à 17:25 - - Commentaires [1] - Permalien [#]
Tags : , ,
10 avr. 06

Changer l'image au passage de la souris (rollover)

Pour obtenir cet effet, copiez-collez le code ci-dessous dans un message en mode HTML ou dans une de vos pages HTML (Page d'accueil, pages des archives etc...) <center><div id="test2" onclick="Javascript:window.open('http://adresse image 1.jpg')" onmouseout="this.style.backgroundImage='url(http://adresse image 1.jpg)'" onmouseover="this.style.backgroundImage='url(http://adresse image 2.jpg)'" style="background-image: url('http://adresse image 1.jpg'); background-size: 560px 400px; width: 560px; height:... [Lire la suite]
Posté par Patrick L à 00:12 - - Commentaires [0] - Permalien [#]
Tags : ,

01 avr. 06

Etablir un lien dans un album vers un message

Vous allez dans la partie description (facultatif) de votre album, Vous saisissez votre description normalement et à la suite vous saisissez le code HTML suivant: <p>Les expositions d'orchidées au Parc Floral de la Source:<a href="adesse du message">• Voir le reportage sur l'exposition d'orchidées d'Orléans 2007 </a></p>  N'oubliez pas les balises, les ", ........ sinon ça ne fonctionnera pas. Le lien apparaît après votre description sur la première page de l'album.
Posté par Patrick L à 01:41 - - Commentaires [0] - Permalien [#]
Tags :
01 avr. 06

Faire un lien depuis une photo d'album vers un message

Vous allez dans la partie description de la photo de l'album où vous souhaitez faire un lien. Vous saisissez votre description normalement et à la suite vous saisissez le code HTML suivant: <html><a href="http://adresse du message" target="_blank">Voir la fiche de ce minéral</a></html> N'oubliez pas les balises <html></html>........ sinon ça ne fonctionnera pas. Le lien apparaît (après votre description éventuelle) à droite de la photo affichée:
Posté par Patrick L à 01:40 - - Commentaires [0] - Permalien [#]
Tags :
01 avr. 06

Ouvrir un lien sur une nouvelle fenêtre

Pour que vos liens s'ouvrent sur une nouvelle fenêtre, ajoutez au bout de chaque lien: target="_blank" <a href="http://........ " target="_blank">
Posté par Patrick L à 01:38 - - Commentaires [0] - Permalien [#]
Tags :
01 avr. 06

Une icône dans votre barre d'adresse

Pour afficher une icône dans la barre d'adresse:       il vous faut d'abord créer l'icône dont la taille ne doit pas dépasser 32 x 32 pixels. Vous pouvez la réaliser avec un logiciel comme Photoshop ou un éditeur d'icone. Vous devez l'enregistrer au format gif, ou png, ou jpg. Vous la chargez sur votre blog, et dans la rubrique "apparence", éditez votre page d'accueil en ajoutant par exemple au-dessus de la ligne : <link rel="stylesheet" href="%3C$BlogCSSURL$%3E" type="text/css" /></p> Cette ligne... [Lire la suite]
Posté par Patrick L à 00:30 - - Commentaires [0] - Permalien [#]
Tags :