Comment ajouter des bordures aux images blogger

1.Login à votre tableau de bord Blogger -> mise en page --> Modifier le code HTML

2.Faites défiler jusqu'à l'endroit où vous voyez balise .

3.Copier le code html ci-dessous et collez-le juste avant la balise .

<style type='text/css'>

#inner-borders a img, #inner-borders a { border: none; overflow: hidden; float: left; }
#inner-borders a:hover { border: 3px solid #0000ff; }
#inner-borders a:hover img { margin: -3px; }

</style>

Note: Vous pouvez changer la couleur des bordures, la taille de la bordure, la marge ...
Mais les deux tailles de la bordure et la marge doit avoir une même valeur numérique.

4.Ensuite, ajouter vos images ci-dessous.

<div id="inner-borders">

<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8WsDPIT6CrNsRiDAQtMIEsazly8hl4VuI6J04DiJ0UBoYKsn3A74b0mvpUHnJAyaQCeXSusX_NnOus8-q4Av510iDa0cGjuU32rpbvbszegKv9gIkfra5twWF9vqn2n_yBvjs_P7geyuq/+1+small.jpg" alt="#" /></a>

<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZHcdosWJmAhH-xjSCdLP6bsMFECZEYfwEqrRTGxQ_6X_nGFLQIa-V-rlWO7M6uVkZCj1vB8b3uExgtGDaHl0_OBhfJ_qo2COGUwY30UcZGR9KUKNzUyNhPzsxF9FGeoPnLfODIpwCQqu5/+2+small.jpg" alt="#" /></a>

<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUbaHMQLSM4A3ujYIxlOkhmwEm4INADlUvTdAildtkDtrKuc4FRl9pXrP69VYUSZ18j3mM8F3V11t9h1r8N6pFewYKvyB2BI7MC3ycpshiSRp5R5udURnRaZ9N-t7dhkIpgcTBHxg56UGJ/+3+small.jpg" alt="#" /></a>

</div>

Et enregistrer.