Bloggdesign - Dela upp dina kategorier
1. Börja med att skapa alla kategorier du vill ha genom att gå in på Blogg» Kategorier» Ny kategori. Skriv ett ett litet testinlägg i varje kategori så att alla kategorierna syns på din blogg under "Kategorier" i menyn.
2. Nu ska du kopiera denna koden:
<font face="TYPSNITT" size="STORLEK" color="FÄRG">RUBRIK</font><br>
<a href="#">
KATEGORI 1</a> <br>
KATEGORI 2</a> <br>
KATEGORI 3</a><br><br>
3. Sedan går du in i dina kodmallar och gör som bilden säger! För att lättare hitta till det stället kan du trycka Ctrl + F och skriva in början på koden som är gråmarkerad.
(Bry er inte om att det står kategorisida längst upp i rullgardinsmenyn på bilden, ni ska först och främst göra detta i framsidan så det är inget ni behöver ändra på!)
Först ändrar du typsnittet, färgen o.s.v på rubriken och skriver er rubrik där det står "RUBRIK" (den kan t.ex. vara personligt). Ändra också namnen på dina kategorier där det står "KATEGORI 1", alltså de kategorierna som kommer hamna under rubriken personligt (eller vad nu er rubrik ska vara).
Om du sen vill ändra färg m.m på dina kategori namn kan du lägga till denna koden efter "</font><br>" och ändra till det du vill ha:
<font face="TYPSNITT" size="STORLEK" color="FÄRG">RUBRIK</font>
5. När du ska skriva in länken till varje kategori så att man kommer rätt, går du in på din blogg och trycker på kategorin du ska skriva länken till. Kopiera sedan hela URL adressen längst upp i webbläsaren (där man skriver www...).
6. Klistra sedan in URL adressen enligt bilden:
Alltså ersätter du # med din URL adress till din länk.
7. Om du vill ha fler underkategorier kopierar du denna koden:
<a href="#">
KATEGORI 4</a> <br>
Om du vill ha "allt en gång till" d.v.s. både rubriker och underkategorier lägger du bara till hela koden du kopierade först igen!
8. Om du först vill ha en rubrik för allt där det står t.ex. Kategorier och dina rubriker och namnen på alla kategorier hamnar under kan du göra så här: Kopiera koden här nedan och sätt in den precis ovanför hela koden som börjar med <font... (alltså den första koden du kopierade).
<div class="navheader">Kategorier</div>
9. Testa att spara kodmallen nu och se hur det ser ut. Om något ser fel ut kan du testa att ta bort det sista </ul> i koden. Om du INTE har använt koden här ovanför (i nummer 8) kan du testa att ta bort </div> också.
Fråga om det är något du inte förstår! Lycka till!♥
Tack för hjälpen! :)
Jätte bra förklarat! Men när jag fixade detta, så blev just kategoristycket centrerat, medan alla andra länkarna i menyn är längst till vänster. Och det är så jag vill ha det. Hur kan man få den att blir ocentrerad? Förstår du var jag menar haha?
sv: haha jag förstår inte.. du skrev såhär:
Men jag hade nog prövat att sätta in denna koden:
kategorikoden du kopierade från min blogg (alltså det du vill ska vara åt vänster som just nu är centrerat på din blogg) klistrar du in här
så var det inget mer, saknas det nånting eller är det jag som är trög? haha! tack så hemskt mycket för att du hjälper mig med det här! :')
sv: jag förstår att jag ska ta bort mellanrummen och det, men jag fattar inte var jag ska sätta in det? försökte på lite olika ställen, men den sitter kvar där i mitten. Haha jag är så trög, förlåt för det!
sv: det funkade inte :( men här är bloggen, (det är min testblogg) http://erikssonfoto.webblogg.se
har en liten fråga, håller på med en design och detta var helt nytt för mig haha. Men allt har funkat bra förutom att texten är jättestor även om jag har skrivit att jag vill ha size="14" har även provat att skriva större text siffror men de ändras inte... Hur gör jag? :)
