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 imagineCu rosu este adresa banner-ului/ imaginiiCu albastru sunt scrise dimensiunile imaginiiCu 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..
