Kako dodati extra blok u header bloggera

Kako dodati extra blok u header na bloggeru za widget, adsense, search ili nešto drugo.Evo nekoliko jednostavnih koraka kako dodati extra blok u header Bloggera, koraci su jednostavni, dodaje se html-kod za blok u sekciji Header, treba samo da pratite korake postupka.

Poglavlje1: dodavanje sekcije u header.
1. najprije se logirajte na vaš blogger račun.
2. idite na predložak za uređivanje bloga ( najprije napravite Backup vaseg bloga) zatim kliknite na tipku "uredi HTML"
3. Nađite sledeću liniju u html kodu :

  • <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  • <b:widget id='Header1' locked='true' title='My Test Blog (Header)' type='Header'/>
  • </b:section>
4. Dodajte ovaj kod direktno ispod gore navedenog koda:
  • <b:section id='header-right' showaddelement='yes'/>
  • <div style='clear: both;'/>

5. Tako da konačno kod izgleda ovako:

  • <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  • <b:widget id='Header1' locked='true' title='My test blog (Header)' type='Header'/>
  • </b:section>
  • <b:section id='header-right' showaddelement='yes'/>
  • <div style='clear: both;'/>
Sad konačno imate dvije sekcije u odjeljku header, sekciju sa već postojećim titlom i novu sekciju desno pored nje.
Poglavlje 2: Uređivanje blok sekcije u CSS-u
Pozicioniranje sekcije jedne pored druge ,plutajući (Floating) sekcija sa blog titlom lijevo i nova sekcija desno.
Da bi pozicionirali novu blok sekciju :
1. Spremite html predložak i izađite iz njega.
2.Zatim udjite u "izgled" vašeg bloga i vidjećete novu sekciju u hederu, postavite u nju što želite (NPR:  adsense, tražilicu, ili što već želite) i vartite se na "predložak"
3. Kliknite na tipku "Prilagodi" zatim na "Napredno" zatim "Dodaj CSS" ova stavka na dnu je ostalih stavki pa skrulajte do dna.
4.Kad ste otvorilli dodavanje css-a dodajte sledeci kod za pozicioniranje:

  • #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;}
5. ako vas blok nije na mjestu na kojem zelite da bude, promjenite ove vrijdnosti u prve dvije linije koje su prikazane u  css-u.
6. Nakon što ste pozicionirali vaš novi blok primjenite postavke na blog i izadjite.
Nadam se da sam vam pomogao , Uživajte.
Ako imate problema s pozicioniranjem slobodno mi se obratite za pomoć:

Nema komentara:

Objavi komentar

Recent Posts Widget