Les sujets:

Les partenaires publicitaires:

Réponses populaires

Questions connexes

Les partenaires publicitaires:

Comment faire une photo cliquable pour agrandir dans un blogueur

Google Blogger propose plusieurs façons d'ajouter du contenu à des blogs. Vous pouvez taper du texte dans l'éditeur de texte, modifier le code HTML de messages individuels et même mettre à jour le code qui gère l'ensemble de votre modèle Blogger. Un moyen rapide pour profiter des fonctionnalités d'édition HTML de Blogger est d'ajouter une photo cliquable à un poste Blogger. Lorsque les visiteurs du site cliquent une petite version d'une image dans votre message, leurs navigateurs redimensionner la photo et leur donnent une vue plus grande.

Instructions

  1. Lancez votre navigateur et allez à votre page Blogger. Cliquez sur le bouton "New Post" qui apparaît à côté l'un de vos blogs. Le site ouvre la page Nouvelle page titre. Tapez un titre pour votre poste dans le "Titre" zone de texte qui apparaît sur la page.

  2. Cliquez sur le bouton "Modifier le code HTML" et collez le code suivant dans l'éditeur qui apparaît sous le "Titre" zone de texte:






    Ce code crée un "img" balise HTML. "Id" La valeur de la balise est "image1." Les attributs height et width ont des valeurs de 20 pour cent. Ces valeurs définissent la hauteur initiale de l'image. Ceci est le site de taille de l'image visiteurs verront lorsqu'ils consulteront votre poste Blogger. Changer "20%" à une valeur différente si vous le souhaitez. par exemple «50%». Remplacez "ADD URL IMAGE ICI" avec l'URL d'une photo sur le Web que vous souhaitez utiliser.

  3. Collez le code ci-dessous après le code figurant dans l'étape précédente:

    onclick = "javascript:.. document.getElementById ('de image1') style.height = '100%' - document.getElementById ('de image1') style.width = '100%';" />

    Ce code HTML provoque l'image pour l'agrandir quand quelqu'un clique sur l'image. Cliquez sur "Publier le message», puis cliquez sur "Voir le message." Votre photo apparaît dans le post-cliquez dessus pour l'agrandir.

Conseils Avertissements

  • Notez que la valeur de l'attribut id de l'img est "image1" dans cet exemple. Vous pouvez utiliser le nom que vous souhaitez pour l'id. Si vous modifiez le nom, pensez à changer partout dans le code. Il apparaît deux fois dans les deux énoncé «document.getElementById".
  • Vous ne devez pas faire de la valeur de l'image agrandie "100%". Si vous préférez afficher une image agrandie plus petit, remplacer "100%" avec une autre valeur, tels que "80%."
  • Ajouter autant d'images cliquables que vous le souhaitez à un poste Blogger. Donnez chaque image un identifiant unique.

Questions connexes

» » » » Comment faire une photo cliquable pour agrandir dans un blogueur