C'est l'une des astuces blogger la plus recherché, ce qui permet de publier des photos de grande taille dans les articles blogger.

Normalement, si vous téléchargez une photo grand format sur blogger (avec la taille du pouce de sélection), Elle sera automatiquement redimensionner et ensuite l'afficher sous forme de vignette.

Mais, la qualité de l'image de l'image redimensionnée est très pauvre.
Donc, pour rendre l'image plus propre et plus nette,voila la solution

Normalement Image Uploaded: (avec vignette de grande dimension choisies)


Normal Picture without the hack

Image après l'application de l'astuce :


Normal Picture without the hack


Alors, laisse moi vous apprendre à le faire ...
1. calculer la taille que vous souhaitez afficher (normalement, c'est la largeur de votre corps d'article ou message).
Prenons un exemple, la largeur du corps principal d'un blog est d'environ 570px. Ainsi, la largeur maximale à mettre une grande image est 570px. Mais, pour rendre l'image intéressante, nous devons donner une largeur un peu inférieure à la largeur du corps du message ... comme 560px.
Maintenant, allez dans Mise en page » Modifier html

Trouver cette :

]]></b:skin>

Ajouter cette avant cette ligne:


img {
max-width: 560px;
width: expression(this.width > 560 ? 560: true);
}


Modifiez la valeur en rouge en fonction de l'étape précédente.

Note: Ne pas vérifier si vous avez le tag img (déjà dans votre modèle. Si vous l'avais, il suffit d'ajouter le couple supplémentaire de lignes pour lui.


max-width: 560px;
width: expression(this.width > 560 ? 560: true);


Enregistrer les modifications.

2. Maintenant, tout en faisant vos messages, de télécharger les images normalement, comme vous l'avez fait précédemment.
Une fois l'image est téléchargé, allez dans l'onglet Modifier le code HTML et le code image ressemblera à quelque chose comme ça :


<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_Toi-rh0Nm00/Sj_K-nCkxWI/AAAAAAAADbg/8QRq-hHP4xM/s1600-h/megan+fox.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 280px; height: 400px;" src="http://4.bp.blogspot.com/_Toi-rh0Nm00/Sj_K-nCkxWI/AAAAAAAADbg/8QRq-hHP4xM/s400/megan+fox.jpg" alt="Normal Picture without the hack" id="BLOGGER_PHOTO_ID_5350218059319919970" border="0" /></a>


Tout ce que vous avez à faire est de supprimer uniquement le texte en gras (attributs de largeur et hauteur) et de remplacer S400 à S800.
Ainsi, le code final ressemble à ceci


<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_Toi-rh0Nm00/Sj_K-nCkxWI/AAAAAAAADbg/8QRq-hHP4xM/s1600-h/megan+fox.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_Toi-rh0Nm00/Sj_K-nCkxWI/AAAAAAAADbg/8QRq-hHP4xM/s800/megan+fox.jpg" alt="Normal Picture without the hack" id="BLOGGER_PHOTO_ID_5350218059319919970" border="0" /></a>


Maintenant, votre image sera agrandi dans l'article.

6 commentaires:

  1. Bonsoir
    je ne sais pas où prendre le code image pour les agrandir ???
    http://augreduventetdusoleil.blogspot.com/
    merci pour votre aide

    RépondreSupprimer
  2. This is the perfect blog for anyone who wants to know about this topic.
    retouche image

    RépondreSupprimer
  3. ca ne marche pas il n'y a pas la balise que vous dites.

    RépondreSupprimer
  4. Bonsoir,
    ça marche pour moi, je l'ai juste ajouté dans l'option "Modèle" / Personnaliser / Avancé / Ajouter le fichier CSS
    Par contre le problème : Ça s'applique également à mon image d'en-tête (qui elle est bien plus grande encore), ainsi qu'à mes gadgets / widgets...
    Comment faire en sorte de l'appliquer uniquement aux articles ?

    RépondreSupprimer

Laisser un commentaire

💯 Meilleurs Articles sur LeBlogger.fr : Astuces Blogger et Blogspot

 
LeBlogger.fr - Astuces Blogger et Blogspot © 2013. Tous Droits Reservés. Produit Par Biz-Media

Le site le plus complet d'aide aux créateurs de blogs avec Blogger. Tutoriels, conseils et astuces.
LeBlogger est une plateforme d'actualité. C'est un service qui offre l'actualité Web, Astuces iPhone et astuces Facebook et des milliers de couverture pour vos page Facebook.
Services gratuits pour webmasters , des widgets pour votre site ou blog, pour mieux capter l'attention de vos visiteurs.
Top