vineri, 30 iulie 2010

Cum sa afisezi cod html in postare pe Blogger

 Afisarea codului html al unui banner sau a codului unui script intr-o postare pe blogger ridica multora dintre noi unele probleme. Asta deoarece editorul de text din blogger interpreteaza automat orice cod html care este scris in modul "Scrieti" al editorului.

Insa de ceva timp Blogger a adaugat o noua optiune la modul de lucru al editorului, si anume: optiunea "Setări pentru compunere".Aceasta optiune vine cu doua variante:

1. "Interpretează codul HTML introdus" - daca bifati aceasta varianta atunci editorul va interpreta si transforma orice cod html adaugat in modul "Scrieti" al editorului.
2. "Afişaţi HTML simplu" - odata bifata aceasta varianta, orice cod html care va fi scris in postare in modul "Scrieti" va ramane neschimbat si dupa ce veti publica postarea.

Optinea poate fi accesata astfel: La baza editorul este link-ul "Optiuni de postare" care odata apasat deschide o serie de optiuni printre care si aceasta. Vezi foto






Deci, tot ce trebuie sa faceti pentru a afisa cod html in postare este sa bifati varianta "Afişaţi HTML simplu". Simplu, nu?

Pune un chenar in jurul codului
Daca vreti sa afisati codul vostru incercuit de un chenar de o anumita culoare atunci iata ce trebuie sa faceti:
Dupa ce ati pus codul in postare in modul "Scrieti", intrati in modul "Editati html" si identificati codul pe care vreti sa-l incercuiti cu chenar.
Copiati urmatoarele 2 linii de cod astfel:

<div style="border: 1px solid #000000; padding: 10px;">
Codul vostru
</div>

Unde border:1px este grosimea chenarului, #000000 este culoarea chenarului, iar padding:10px; este distanta intre chenar si cod pe cele patru laturi.

Daca vreti sa afisati codul pe un alt fundal decat cel al blogului atunci adaugati acest cod: background-color:#EFEFEF; astfel:

<div style="border: 1px solid #000000; padding: 10px; background-color:#EFEFEF;">
Codul vostru
</div>

Pentru mai multe culori folositi"Generatorul de culori"

Afisarea codului html in sidebar
Pentru a afisa cod html in sidebar iata ce trebuie sa faceti:
Intrati la Design --> Elemente de pagina --> Adaugati un obiect gadget si alegeti optiunea Html/Java Script.
In campul pentru text copiati codul vostru html. Apoi copiati si aceste linii de cod astfel:

<textarea rows="5" cols="24" name="Link_Code">
Codul vostru
</textarea>

Unde rows="5" este inaltimea chenarului calculata in randuri, iar cols="24" este latimea calculata in caractere.


10 comentarii:

  1. Uau! M-ai nimerit! De vreo 2 saptamani ma pregateam sa te intreb daca nu stii ceva in legatura cu aceste afisari si SURPRIZA! Nici nu te-am intrebat si deja am primit raspunsul! Super! Multumesc!

    RăspundețiȘtergere
  2. Am tot fost intrebat in legatura cu acest lucru si m-am gandit ca ar fi bine sa fac un articol.
    Ma bucur ca te-a ajutat! :)

    RăspundețiȘtergere
  3. Multumesc! Mi-a fost de mare ajutor postarea ta. Cautam de mult informatii. :)
    Uite rezultatul:
    http://caleidoscopul-meu.blogspot.com/search/label/HTML

    RăspundețiȘtergere
  4. ff folositor ... sa mai faci articole de genu' asta ... unora chiar le este de folos ... ;) ... fa si un articol in care sa ne explici cum creem categorii ... pls :X

    RăspundețiȘtergere
  5. Ma bucur ca ajuta pe cineva! Uite si articolul care te intereseaza
    Clic aici

    RăspundețiȘtergere
  6. Uau, chiar aveam nevoie de informatia asta. Multumesc frumos!

    RăspundețiȘtergere
  7. Mersi mult:) Esti de mare ajutor:)

    RăspundețiȘtergere
  8. E foarte util tot ce scrii tu, tocmai am reusit sa-mi pun codul bannerului in sidebar, dupa ce m-am chinuit o ora!:))
    Ati multumesc!

    RăspundețiȘtergere