Se poate realiza foarte simplu cu Photoscape.
Pasii pe care trebuie sa-i urmati:
-Page(contopirea mai multor imagini)
    -Edit
    -Resize -125-ok
    -Click pe objects BOX MODE
    -Acum trageti de marginile patratului (veti obtine un patrat in culoarea dorita)
    -Click pe Photo + objects
    -Click combine your photo with objects
    -Click Photo(pictograma cu verde)







Acum click pe text(litera T) si adaugati ce doriti.


-Daca vreti banner tip Gif dati click sus in bara la Animated Gif  selectati Giful dorit din stanga.Selectati iar Editor -selectati  acelasi gif adaugati text apoi Save -Save in the designated folder-acum o puteti insera printre celelalte imagini componente ale gifului dand click dreapta pe una dintre acestea si selectand Insert a photo in the current position
La final salvati giful cu Save din partea stanga.
Giful creat il salvati pe un server cu gazduire gratuita cum ar fi http://tinypic.com sau photobucket.com .De aici aveti nevoie de adresa url a imaginii pentru a crea codul html al bannerului.
Codul pentru banner:

<a href="ADRESA A BLOGULUI TAU/"title="DENUMIREA BLOGULUI TAU"target="_blank><img src="ADRESA URL A BANNERULUI/></a> 
Ca sa pui codul HTML pe blog chiar sub imaginea bannerului intr-o fereastra derulanta trebuie sa pui codul HTML intre taguri"</b>":</code></p> <p> <code>Adaugati un obiect gadget-HTML/JAVASCRIPT-</code>aici introduceti codul HTML al bannerului acolo unde scrie CODUL TAU HTML.</p> <p>  </p> <p style="text-align: center; clear: both;" class="separator"> <a style="margin-left: 1em; margin-right: 1em;" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU234XMIP-qRLAbwvcP3yRVCAvzza38JtPcbht0vaAbwrUUkYZZcdqH_HbPM6umLM0EJD01PzrXhlYOaiEJqDzKgPKlk01QLPOt-8FVDzkKMLkTwe7cl3Dlsuifa7qgBSJfRHcuKFMKQ/s1600/17.bmp" imageanchor="1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU234XMIP-qRLAbwvcP3yRVCAvzza38JtPcbht0vaAbwrUUkYZZcdqH_HbPM6umLM0EJD01PzrXhlYOaiEJqDzKgPKlk01QLPOt-8FVDzkKMLkTwe7cl3Dlsuifa7qgBSJfRHcuKFMKQ/s1600/17.bmp" style="" border="0"></a></p> <p> Mult succes!<br></p> <p style="text-align: center; clear: both;" class="separator"> </p> <p style="text-align: center; clear: both;" class="separator"> </p> <p> <code><br></code></p> </div>