Cum adaugam un banner, widget, sau Adsense in Header Blogger

Header este partea din blog care se incarca prima si care capteaza imediat atentia vizitatorilor. Cum ar fi ca in acest loc sa avem o reclama Adsense sau de la orice alta retea de publicitate? Cand vine vorba de blogspot pare imposibil sa adaugam propria noastra sectiune pentru un banner. In mod obisnuit, in template-urile curente din blogger, nu putem adauga in header nimic, insa daca urmati pasii pe care ii descriu mai jos acest lucru va fi posibil.

Cum adaugam sectiunea dorita in header?
1.Va logati in contul blogger;
2. Click Sablon --> Editati HTML
3. Va creati un backup la template-ul initial (pentru orice eventualitate, sa puteti restaura apoi fara probleme);

4. Cautati urmatoarea sectiune in HTML (mai rapid cu " ctrl + F")

<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’true’ title=’Titlul blogului dvs  (Header)’ type=’Header’/>
</b:section>

5.Pentru a adauga o sectiune inserati urmatorul cod dupa linia de mai sus.

<b:section id=’header-right’ showaddelement=’yes’/>
<div style=’clear: both;’/>

6. In final codul va arata astfel:

<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’true’ title=’Titlul blogului dvs  (Header)’ type=’Header’/>
</b:section>
<b:section id=’header-right’ showaddelement=’yes’/>
<div style=’clear: both;’/>

In acest moment veti avea doua sectiuni in header, una cu denumirea blogului si inca o sectiune nou creata.

7. Localizati acum urmatoarea linie ( sunteti tot in Sablon---> Editati HTML)
]]></b:skin>

8. Adaugati urmatorul CSS cod:

#header, body#layout #header {width:50%;display:inline-block;float:left;} #header-right, body#layout #header-right {width:35%;display:inline-block;float:right;padding:15px;} #header-right .widget {margin:0;}

Si gata!

9. Pentru a adauga un gadget in header va duceti in Aspect --> Add gadget si salvati.

Daca ti-a placut, nu uita sa distribui articolul!

Tweet