Cum sa adaugi zoom pe imaginile din blogger

Blogger este una dintre cele mai utilizate platforme pe care iti poti dezvolta un blog sau un site. 
Aceasta platforma iti ofera cateva avantaje, insa in ceea ce priveste modul de utilizare si uneltele pe care ti le pune la dispozitie este destul de sarac. 
De exemplu daca vrei sa pui zoom pe anumite imagini pe care le incarci in Blogul tau Blogger va trebui sa faci asta manual adaugand codul pentru acest tip de efect. Pntru a adauga zoom pe anumite imagini din blogger va trebui sa parcurgi urmatotii pasi:

Cum sa adaugi zoom pe imaginile din blogger (CSS Si HTML)?

1. Mergi la Sablon

2. Mergi la Editati HTML

3. Cauta urmatorul cod CTRL+F:  ]]></b:skin>
 
4. Inainte de acest (]]></b:skin>) cod copiaza codul de mai jos. 


.zoomeffect img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 10px 5px 0;
}

.zoomeffect img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}

Pentru ca imaginea pe care doresti sa faci zoom sa beneficieze de acest efect urmeaza pasii de mai jos.

1. De obicei cand incarci o imagine in blogger inceputul de cod al acesteia va fi  <div class="seperator", modifica acest cod cu codul: <div class="zoomeffect"
2. Inlocuieste in codul de mai jos YOUR-IMAGE-URL cu URL-ul imaginii tale.

<a class="zoomeffect" href="YOUR-IMAGE-URL/" target="_blank"> <img src="http://YOUR-IMAGE-URL" /></a>

Exemplu: