Magazine Bd & dessins

Tuto Blog \\ Retirer la bordure des images sur Blogger

Par Plop
Tuto Blog \\ Retirer la bordure des images sur Blogger
Voici déjà le 2e numéro de Tuto Blog ! Une petite série d'articles, tutoriels, pour customiser et personnaliser son blog sous Blogger.
On continue dans les premiers pas et les basiques, après avoir enlevé la Navbar de blogger en haut de la page du blog, aujourd'hui je vous explique comment se débarrasser de la bordure d'image par défaut sous Blogger.
Tuto Blog \\ Retirer la bordure des images sur Blogger
C'est assez rapide à faire en soi, il suffit simplement de supprimer un code CSS. Je vous explique :
Commencez par vous connecter sur Blogger pour arriver sur le tableau de bord.
Première étape avant de modifier quoique ce soit sur votre blog : Faire un sauvegarde en cas d'erreur comme expliqué dans le premier tuto.
Une fois la sauvegarde effectuée, on peut passer aux choses sérieuses ;)
Sur le tableau de bord cliquez sur Modèle dans le menu à gauche, puis sur Modifier le code HTML :
Tuto Blog \\ Retirer la bordure des images sur Blogger
Dans la boîte de code qui est apparu repérez la ligne de code :
<b:skin>...</b:skin>
Et cliquez sur le triangle noir à sa gauche :
Tuto Blog \\ Retirer la bordure des images sur Blogger
On va maintenant chercher le code CSS, c'est-à-dire le code qui définit le visuel de notre blog, qui correspond aux images du blog.
Pour ceci on va faire une recherche : cliquez n'importe où dans la boite de code, puis appuyez sur Ctrl et F en même temps. Une fenêtre de recherche apparaît en haut à droite de la boîte comme ceci :
Tuto Blog \\ Retirer la bordure des images sur Blogger
Tapez post-body img dans la zone de recherche et appuyez sur Entrer.Vous serrez redirigé vers le code correspondant :
Tuto Blog \\ Retirer la bordure des images sur Blogger
Surlignez le code comme ci-dessous, et supprimez-la.
/!\ Attention à ne supprimer que ce qui est montré et rien de plus ni de moins /!\Tuto Blog \\ Retirer la bordure des images sur Blogger
Pour voir si tout à bien fonctionné prévisualisez votre blog en cliquant sur Prévisualiser le modèle en haut à droite.
Tuto Blog \\ Retirer la bordure des images sur Blogger
Si les images n'ont plus de bordure alors ça à marché ! Mais ce n'est pas fini ! Il faut maintenant sauvegarder votre modèle en cliquant sur Enregistrer le modèle, sinon tout sera perdu et il faudra tout recommencer ;)
Et voilà le résultat :
Tuto Blog \\ Retirer la bordure des images sur Blogger
J'espère que ce tuto vous à été utile :)
Quel tuto Blogger aimeriez-vous voir dans les prochains numéros ?

Retour à La Une de Logo Paperblog

A propos de l’auteur


Plop 742 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte