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.