Kashma
Kashma, 18 år.

#BLOGGTIPS Hitta koden

Stilmallen har blivit ytterligare ett problem för många bloggare här på blogg.se. Därför tänkte jag ta upp det i ett inlägg som jag i efterhand kan länka till de som behöver hjälp. Till exempel skriver en bloggare i forumet:
 
"Jag fick en helt annorlunda stilmall när jag bytte tema. Wrapper och de vanliga finns inte kvar och det liknar inte alls det gamla. Är det någon som har samma? Och vet hur man hanterar det?"
 
Problemet som har uppstått i stilmallen är att många koder som man vill pilla i, inte står eller finns med. Detta beror på att blogg.se har gjort om stilmallarna i sina teman, istället för att skriva in vissa koder så länkar dem till ett annat dokument som innehåller dessa koder. Men ibland finns inte dessa koder överhuvudtaget, och då vet man inte vad man ska göra. 
 
Lösning(ar): Lösningen till detta kan vara krångligare för vissa än för andra. Som tidigare nämns, har blogg.se länkat till en annan stilmall, det vill säga, ett annat dokument med alla koder. Jag vet detta eftersom när jag går in i stilmallen, så ser jag att de har skrivit något liknande i början av stilmallen:
 
 
Import innebär att de har "importerat" en annan mall genom att binda ihop den med stilmallen som vi har framför oss. Detta kan vi enkelt testa genom att gå in på länken som står mellan paranteserna. Låt oss säga att vi använder oss av temat "Basal". Längst upp i stilmallen hittar vi en kod som lyder:
 
 
Om vi nu går in på länken som står mellan paranteserna, det vill säga: http://static.blogg.se/themes/basal/css/style.css så kommer vi till en hemsida där vi ser massa koder uppskrivna under varandra. Såhär bör det se ut:
 
Om vi tar en närmare titt, kan vi se att alla dessa koder liknar blogg.se's tidigare koder. Det som är nytt är att de har uppdaterat från XHTML till HTML5 som är den senaste versionen av HTML (inget ni behöver kunna för att förstå detta inlägg). Om vi vill, kan vi kopiera allt som står på den sidan och klistra in det i vår stilmall. Det skulle inte göra någon skillnad, förutom att vi isåfall skulle kunna redigera koderna utifrån våra egna önskemål. Observera att ifall du kopierar koderna från http://static.blogg.se/themes/basal/css/style.css så måste du radera hela denna kod i stilmallen:
 
 
Anledningen till att du måste radera denna kod är för att om du har kvar denna kod och ändrar något i koderna som du kopierade till stilmallen, så kommer det inte att ske någon ändring eftersom @import är en dominerande kod, det vill säga, den är mer "viktig" än det som står i  blogg.se stilmallen. För att kort sammanfatta det jag precis skrev, kopiera all kod som står på http://static.blogg.se/themes/basal/css/style.css och klistra in koderna i stilmallen på blogg.se. Radera därefter hela @import url koden i början av stilmallen och sedan kan du börja redigera efter dina egna önskemål. 
 
Om det finns några frågetecken så kan ni kommentera nedan. 

#BLOGGTIPS 3 inläggs problemet

Jag har sett i forumet att många har problem med blogg.se mallarna. Vissa har t.ex. problem med att endast tre inlägg visas på bloggen, medan andra har problem med att ändra och lägga till olika koder i stilmallen. Jag tänker nu skriva ett inlägg om hur man kan lösa ett av de vanligaste problemen. 
 
Vi börjar med 3 inläggs problemet. I forumet ser jag att bloggare t.ex. skriver;
"Hej! Jag har ändrat till  {% for entry in entries[:20] %} men fortfarande syns endast tre inlägg i mitt senaste inlägg-flöde. Dessutom syns endast tre inlägg i kategorin september, även fast jag har skrivit flera. Söker man via de olika kategorierna hittar man inläggen, men inte om man söker under månaden. Vill gärna att alla inlägg under september månad ska komma upp när man kommer dit."
 
Och en annan skriver: "HALLÅ! akut hjälp, hehe. Varför syns bara tre inlägg på min startsida?? jag vill ju att folk ska kunna kolla tillbaka i arkivet! någon som fattar sånt här??"
 
Detta är endast två av flera inlägg som gjorts i forumet. Jag har försökt hjälpa till så gott jag kan men det kommer ändå alltid upp nya trådar som precis handlar om samma problem. Det blir så tjatigt och även jobbigt att skriva samma sak om och om igen, därför tar jag det nu i ett enda inlägg. 
 
Orsak(er) till att 3 inlägg visas på bloggen: Blogg.se har nya koder i sina teman. Tidigare såg stilmallarna annorlunda ut jämfört med hur dem ser ut nu, förr kunde man hitta alla koder och redigera de områden som man var missnöjd med. Nu är det precis samma sak, bara det att de har gjort om kodmallarna och länkat stilmallskoderna till en annan "stilmall" som istället är ett dokument (detta behöver ni dock inte förstå för att lösa problemet). Jag vet inte riktigt varför de har valt att göra så, själv gör jag detta endast när jag håller på med en hemsida som innehåller många koder, men jag tycker inte att det är så smart att göra detta på en bloggportal.
Appropå mallarna, koden {% for entry in entries[:20] %} fungerar inte längre, oavsett vad det är för siffra man byter ut mot tjugan. Hur som helst, så har vi inget annat val än att acceptera detta och istället hitta andra lösningar!
 
Lösning(ar): Lösningen till 3 inläggs problemet är infinite scroll. Många av er har förmodligen hört talas om detta, medan andra inte har det. För att vara på den säkra sidan, så ska jag nu berätta vad infinite scroll innebär och hur man lägger in det på sin blogg. Översätter man infinite scroll till svenska så får man "oändig scroll" och det är precis det som funktionen innebär. När man lägger in denna funktion på sin blogg, kan man scrolla ända ner till det första inlägget man någonsin skrev. Detta ger den som bloggar möjligheten att göra hur många inlägg som helst utan att oroa sig över att de kommer att försvinna in i arkivet. Det ger även läsaren möjligheten att bläddra ner och läsa tidigare inlägg som publicerats.
 
Hur lägger man in infinite scroll?
Att lägga in infinite scroll är faktiskt mycket enklare än vad man tror. Det är bara tre bitar kod som ska kopieras och klistras in i alla kodmallar, det vill säga, startsida + inläggsida + kategorisida + arkivsida. 
 
Vi börjar med den första koden. Gå in under det lilla kugghjulet, tryck på design och där bör HTML-editorn direkt komma fram med startsida mallen. Om du kollar i mallen kan du hitta </head>. Precis över </head> ska du klistra in följande kod: 
 
 
Tryck på spara när du har kopierat och klistrat in koden. Observera att ingen ändring kommer att ske på bloggen eftersom vi har två koder till att klistra in som kommer aktivera funktionen.

Leta reda på <div id="content">. Under denna kod kommer du att se {% for entry in entries %} 

 

(OBSERVERA ATT DENNA KOD MÅSTE LIGGA UNDER CONTENT OCH INGEN ANNANSTANS!!!).

 

Precis innan {% for entry in entries %} ska du klistra in följande kod:

Nu kan du däremot inte spara kodmallen därför att {% block entry_loop %} är en starttagg som även behöver en sluttagg, precis som till exempel <div> </div>. Om du provar att spara mallen kommer det att stå fel på rad (x). Därför måste vi lägga in sluttagen som ska klistras in efter {% endfor %}. {% endfor %} kan hittas precis innan </div> som är contents sluttagg. 

 

Kopiera och klistra in följande kod efter {% endfor %}:

 

Nu kan du spara mallen. Däremot kommer du fortfarande inte kunna se någon förändring på bloggen, därför att du  behöver du lägga in själva scriptet, själva koden som gör det möjligt att scrolla. Jag pratar givetvis om javascriptet. Koden (javascriptet) ska klistras in precis innan </body> som finns i slutet av mallen ovanför </html>.

 

Koden som ska klistras in innan </body> är:

 

Nu är vi klara! Tre enkla steg som går på mindre än två minuter om man är snabb! Om det uppstår problem, kommentera nedan så ska jag försöka hjälpa er lösa dem. Det bör dock inte uppstå några problem om ni har lagt in alla koder korrekt.