Comment faire un post Titre photo pour Blogger

Alors que Blogger ne fournit pas une méthode pour modifier le code HTML pour les titres de poste individuels, vous pouvez modifier la conception du modèle pour inclure la même image pour chaque titre de poste. De nombreux blogueurs choisissent logos intéressants ou des images d'icônes de taille pour souligner le début de chaque nouveau poste. L'image nouvellement créée ou acquise est ensuite stocké sur un site d'hébergement d'image qui fournit une URL. Bien que vous pouvez utiliser l'un des nombreux sites d'hébergement disponibles, Google inclut "Picasa Web" avec votre compte Blogger pour commode hébergement de l'image.

Instructions

1 Connectez-vous à votre compte Google, puis visitez le site "Picasa Web" (https://picasaweb.google.com/) et suivez les instructions à l'écran pour télécharger l'image.

2 Cliquez sur l'album nouvellement créé, puis cliquez sur l'image téléchargée pour l'ouvrir.

3 Cliquez sur "Lien vers cette photo" dans le volet droit, puis sélectionnez l'option "image seul (aucun lien)" boîte.

4 Cliquez dans la zone de texte sous "image Intégrer" pour mettre en évidence l'URL et appuyez sur "Ctrl" et "C" pour copier le texte. Ouvrez le Bloc-notes et appuyez sur "Ctrl" et "V" pour coller le texte, puis de minimiser la fenêtre pour une utilisation ultérieure.

5 Ouvrez le tableau de bord Blogger, puis cliquez sur le lien "Design" sous le nom de blog.

6 Choisissez "Modifier le code HTML" dans le menu en haut à droite, puis cliquez sur la case "Modèles Widget".

7 Placez le curseur dans la zone de texte, puis appuyez sur "Ctrl" et "F" pour ouvrir une boîte de dialogue de recherche de texte. Tapez "data: post.URL" dans la zone de recherche pour localiser cette phrase, puis trouver "<a expr:href='data:post.URL'> <data: post.title /> </a>"

8 Tapez "<img style =" border-width: 0px; "/>" entre "données: post.URL '>" et "<data: post.title /> </a>." La phrase entière sera alors:

<B: else />

&lt;b:if cond='data:post.URL'>

& Lt; b: si '! Données: blog.URL = données: post.URL' = cond>

& Lt; a expr: «données: post.URL '= href> & lt; img src =' Votre image lien ici 'style =' border-width: 0px;" /> & lt; données: post.title /> & lt; / a>

9 Maximiser la fenêtre du Bloc-notes, mettez en surbrillance le texte d'URL précédemment copiée à partir de Picasa Web et appuyez sur "Ctrl" et "C" pour copier le texte, puis sélectionnez "Votre image lien ici" dans la fenêtre Blogger et appuyez sur "Ctrl" et "V" pour remplacer le texte avec l'URL correcte.

dix Cliquez sur "Aperçu" pour vérifier votre blog, puis cliquez sur "Enregistrer le modèle" si l'image après le titre affiche correctement.

Conseils et avertissements

  • Une fois connecté à votre compte Google, vous êtes automatiquement connecté à votre compte Picasa Web.
  • Assurez-vous de suivre toutes les conditions d'utilisation pour les images téléchargées sur Internet.