Poza cu link pe o parte sau alta a blogului

Daca ai blog e floare la ureche, dar nu pentru toti am vazut ca multi cauta o metoda.
In primul rand nu-ti trebuie nici un fel de cunostinte HTML, pur si simplu te duci la postare noua, incarci o poza, o selectezi, apesi pe link si scrii adresa unde vrei sa directioneze imaginea cand se va da click pe ea.
Replica vine imediat: dar eu vreau sa o pun pe prima pagina a blogului, nu intr-o postare!!
Ok! Apasa pe editati HTML si copie tot codul de acolo.
Dute pe Designe si adauga un obiect gadget, cauta HTML/JAVA Script si lipeste codul acolo
Asta e metoda cea mai simpla, a doua este sa creati voi codul .

O sa dau exemplu  folosind banner-ul cu adresa blogului meu
Codul va arata asa:

<div class="separator" style="clear: both; text-align: center;"> <a href="http://blog.tutorialero.com"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTUyrYYwmJsfDwFF5e3MIDbYfBMCNAyuR0BllQ4JRXd0UKOHhSpiVRMl8d-uqeA9if8wpW50uyCDarLZ9XWqWF_fvctKPCtNkVZJKl4aMi4Auulyx1fBmEBfEWn7VgM1bcfptvr0oZ58w/s200/Immagine.JPG" width="100" /></a></div>

Cu verde este adresa spre care se va face legatura la click pe imagine
Cu rosu este adresa banner-ului/ imaginii
Cu albastru sunt scrise dimensiunile imaginii
Cu portocaliu- valoarea center aliniaza poza pe centru( puteti modifica cu left pentru stanga si right pentru dreapta)
Rezultatul:

Daca vrei ca langa imagine sa apara si codul, pentru al putea copia cineva care doreste sa va faca reclama, folositi codul de mai jos pentru a crea casuta cu bara de scrol cu dimensiunile 100x100

<div style="border: 1px dashed blue; height: 100px; overflow: auto; width: 100px;"> text</div>

Casuta va arata asa:

text

Scrolul apare numai daca textul din interiorul casutei depaseste suprafata sa (cazul nostru 100x100)
Acum adaugam codul banner-ului creat mai sus in locul cuvantului text( scris cu verde in codul casutei cu scrol)
Acum veti avea pe blog Banner-ul si codul sau langa el, care vor arata asa:

<div class="separator" style="clear: both; text-align: center;">

<a href="http://blog.tutorialero.com"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTUyrYYwmJsfDwFF5e3MIDbYfBMCNAyuR0BllQ4JRXd0UKOHhSpiVRMl8d-uqeA9if8wpW50uyCDarLZ9XWqWF_fvctKPCtNkVZJKl4aMi4Auulyx1fBmEBfEWn7VgM1bcfptvr0oZ58w/s200/Immagine.JPG" width="100" /></a></div>

Sper ca a fost de ajuror cuiva acest articol..