ZOOMBOX pour blogger.com: faites des zoom sur vos photos blogger

Pour obtenirUn effet zoombox (comme en cliquant sur l'image au dessus) sur votre blog voici le code à copier coller en mode html dans votre message. Le lien en rouge est à remplacer par celui de votre image!

<a class="hovergallery" href="http://lesastucesduweb.blogspot.com/" target="_blank">
</a><br />
<div class="separator" style="clear: both; text-align: center;">
<a class="hovergallery" href="http://lesastucesduweb.blogspot.com/" target="_blank">
</a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCuPoH0hyJbk5MML4KPL-AN2wQEidnUDyj8c5n9fGf5iNuADsS09_N2rVMubRxyGaTA-QR-NkJc7eNSDa-0MOO2r2LXGn0iSaAk2fYjvfvpUWvnn7DO7cmHZTTNzOOPTnC8U12niZvAaBX/s1600/linux-mint-logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCuPoH0hyJbk5MML4KPL-AN2wQEidnUDyj8c5n9fGf5iNuADsS09_N2rVMubRxyGaTA-QR-NkJc7eNSDa-0MOO2r2LXGn0iSaAk2fYjvfvpUWvnn7DO7cmHZTTNzOOPTnC8U12niZvAaBX/s200/linux-mint-logo.png" width="200" /></a></div>

Il faut aussi ajouter ces quelques lignes à votre template juste avant ]]></b:skin>  en veillant à cocher la case "dévolopper des gadgets":

.hovergallery img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);

voilant tout devrai fonctionner!