Zoom pe imaginile din postarile Blogger

sâmbătă, 30 mai 2009

Zoom pe imaginile din postarile Blogger

Dennis | 16:01 | Tips n Tricks |

Probabil ati observat pe Wordpress, pluginul care dind click pe imagine ea este marita, fara a parasi situl, isi iese pur si simplu din rame ;)). Acum e posibil si pe Blogger, acesta. Un hack ce nu ia mai mult de 2 min. poate chiar si mai putin. Il poti vedea in actiune Live Demo pe BloTest [noul blog de teste] . Dand click pe fete, ce observati, ele s-au .... marit, imaginile desigur.

Hackul sa-i zicem asa, consta din 2 javascripturi, pe care e nevoie sa le downloadati si sa le incarcati pe un host de javascripturi ca Yahoo Geocities sau Google Pages. Acesta a fost creat de Blogger Widgets .

Javascripturile le puteti descarca de aici . Dezarhivati fisierul fancyzoom.rar-ul si incarcati .js-urile pe un host. Sau le poti incarca direct in template-ul Blogger, vezi aici cum.
Vezi Demo pe BloTest . Pina acolo mai e putin, niste cod pe ici colo si cam atit . Pasii de instalare a acestui truc mai jos.

1. Blogger-->>Aspect-->>Editati Html
2. Gaseste tagul </head>
3. Inainte de el, introdu embedul javascripturilor adica codul de mai jos. Modifica URL-urile javascripturilor, cu ale tale unde le-ai instalat.

<script src='http://www.hotlinkfiles.com/files/2456531_8h8pt/FancyZoom.js' type='text/javascript'></script>

<script src='http://www.hotlinkfiles.com/files/2456532_z8cmt/FancyZoomHTML.js' type='text/javascript'></script>

4. Inlocuieste tagul <body> cu <body onload="setupZoom()">
5. Salveaza template-ul si gata. Totul e instalat.

La urmatoarele embeduri de imagine foloseste codul urmator. Cu rosu fiind evidentiat adresa URL a imaginii iar cu cu albastru dimensiunile pe care le poti shimba dupa preferintele tale.

<a href="http://img2.pict.com/ef/2a/93/d6ba88943e19c2608b3e7b88f8/yZOfg/800/holocaustremembranceday.gif"><img height="200" src="http://img2.pict.com/ef/2a/93/d6ba88943e19c2608b3e7b88f8/yZOfg/800/holocaustremembranceday.gif" width="300" border="0" /></a>

7 comentarii:

Leo on 31 mai 2009 la 14:38 spunea...: si trebuie sa fac pentru fiecare imagine asa?
Dennis on 1 iunie 2009 la 01:14 spunea...: da, da nu e mare lucru asta.
Leo on 1 iunie 2009 la 03:28 spunea...: nu-mi convine :D. oricum nu o sa pierd din vizitatori din cauza pozelor...
Octav92 on 23 iunie 2009 la 01:44 spunea...: Iar ultimul cod unde trebuie pus?
Dennis on 23 iunie 2009 la 03:05 spunea...: ultimul cod este codul HTML al imaginii pe care-l vei folosi doar ca inlocuiesti url-ul imaginii, aia cu rosu.
Octav92 on 23 iunie 2009 la 05:06 spunea...: degeaba nu merge imi apare codul normal pe pagina
Alistar Alexandru on 2 iulie 2009 la 11:07 spunea...: bravoo
cine stie putina programare isi da seama cum sa le faca :))
bloggeri care pun poze pe site cu "adauga imagine" o sa intampine ceva probleme. Eu m-am chinuit sa instalez lightbox daca sti, dar nu am reusit :-s, insa scriptul asta merge.
Mersi mult