blogg.se:s koder

Blogg.se kallar på bloggens olika funktioner med något som kallas för arrays, variabler, och strings – ett dynamiskt serverscript som börjar med detta tecken $. Om du laddar upp ett nytt tema och det kommer upp ett felmeddelande i kodmallarna så kan en av orsakerna bero på att det har blivit fel i just dessa koder. Vi ska nu gå igenom koderna som finns i blogg.se:s standardmallar, vad de betyder och används till, samt hur dessa placeras i allmänhet.

Koder i dokumentet

Vi börjar överst i <head>-sektionen

<title>${BlogTitle} - ${BlogDescription}</title>

Vad dessa koder betyder är ju inte så svårt att räkna ut – ${BlogTitle} indexerar titeln på just din blogg och ${BlogDescription} bloggens beskrivning. Tecknet $ är nämligen dynamiskt eftersom det finns i alla bloggar, därför måste det exakt veta vad det är som ska indexeras. Varje blog har därför följande koder i divblocket <header>förväxla det inte med <head>-sektionen som kommer innan <body>.

<div id="header">
<h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
<h2>${BlogDescription}</h2>
</div>

Den observanta upptäcker att bloggtiteln ${BlogTitle} kallas in och länkas till adressen ${BlogUrl} i <div id="header"> men inte i <head>. Enkelt förklarat kan man säga att detta beror på hur koderna samarbetar med varandra och att de samarbetar. Koderna i <head>-sektionen är osynliga men kallar på, och hjälper till att, generera koder i <body>-blocket. När webbläsaren möter din blogg så läses dina koder av uppifrån och ned. Alla serverscript som finns på hemsidan “omvandlas” på servern till “vanliga” koder. Eftersom koden ${BlogTitle} är dynamisk, och att denna i <head> pekar mot den specifika bloggens titel, så genereras en lika specifik blogg-adress i kombination av dessa två koder <a href="${BlogUrl}">${BlogTitle}</a>. Koderna har med andra ord skapat en unik url (webbadress) till din blogg.

Vi fortsätter

<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<link rel="alternate" href="${BlogUrl}index.rss" type="application/rss+xml" title="RSS" />

Precis som med bloggadressen så kallas både din stilmall ${BlogUrl}style.css och din feed ${BlogUrl}index.rss in på samma vis.

Två steg ned i <body>-sektionen

Vi har ju redan kikat på vilka koder som finns placerade i <div id="header"> – därför tar vi ytterligare ett kliv nedåt så vi kommer till <div id="content">. Det första som vi då möter är följande koder:

<div id="content">
<tag:entrylist limit="15">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
${EntryDate} @ ${EntryTime}
<a href="${EntryPermaLink}">Permalink</a>
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a>
<a href="${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a>
<br /><br />
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
</div>
<hr class="separator" />
</tag:entrylist>
</div>

Det är hiskeligt många koder men jag ska göra en snabb och överskådlig förklaring.

  1. <div id="content"> är själva blocket som bloggens innehåll finns i.
  2. <tag:entrylist limit="15"> genererar ett lista med 15 entries/poster/inlägg. Här kan du ändra antal poster som du vill ska visas på sidan.
  3. <a name="a${EntryNum}"></a> är en osynlig ankarlänk för varje numrerad post.
  4. <h3>${EntryTitle}</h3> genererar varje posttitel – du kan med fördel göra denna klickbar så här:<h3><a href="${EntryPermaLink}">${EntryTitle}</a></h3>
  5. I blocket entrybody genereras alla dina inlägg <div class="entrybody">${EntryBody}</div> via koden ${EntryBody}
  6. <div class="entrymeta"> är blocket där dina kommentarer, permalänk, kategori, tid och datum finns
  7. ${EntryDate} @ ${EntryTime} – datum och tid.
  8. <a href="${EntryPermaLink}">Permalink</a> – länken till det specifika inlägget.
  9. <a href="${EntryCategoryLink}">${EntryCategoryName}</a> – länkar inlägget till din valda kategori.
  10. <a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> – länkar in och räknar dina kommentarer till varje specifik post.
  11. <a href="${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a> – räknar och länkar in dina trackbacks.
  12. <br /><br /> – två blanksteg.
  13. <tag:taglist title="Nyckelord: "> – öppningskod för dina taggar.
  14. <a href="${TagURL}" rel="tag">${TagName}</a> – länkar in dina taggar i posten.
  15. </tag:taglist> – stänger koden för dina taggar.
  16. </div> – stänger blocket <div class="entrymeta">.
  17. <hr class="separator" /> – en vanlig avdelare.
  18. </tag:entrylist> – stänger koden för dina listade poster.
  19. </div> – stänger blocket <div id="content">.

<div id="side"> – vänster kolumn

Det är i vänster kolumn som du har din navigering, profilbild, och kanske annat smått och gott. Dessa koder kallar på vänster kolumn och din profilbild.

<div id="side">
<div id="profile">
<tag:profile>
<tag:if test="${ProfileExists == 'true'}">
<h4>Om</h4>
<a href="${AppUrl}index.bd?fa=pf.view&amp;pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a>
<p><a href="${AppUrl}index.bd?fa=pf.view&amp;pf_id=${ProfileID}"><span style="font-weight:bold"> ${ProfileName}</span></a></p>
</tag:if>
</tag:profile>
</div>

Jag ska göra samma enkla och överskådliga förklaring även här.

  1. <div id="side"> – öppningskoden för det vänstra blocket.
  2. <div id="profile"> – öppningskoden för blocket profil.
  3. <tag:profile> – öppnar koden som kallar på din profil.
  4. <tag:if test="${ProfileExists == 'true'}"> – kod som kontrollerar om du använder koder för din profil.
  5. <h4>Om</h4> – enkel rubrik.
  6. <a href="${AppUrl}index.bd?fa=pf.view&amp;pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a> – kod som fogar in din profilbild och länkar den till profilsidan.
  7. <p><a href="${AppUrl}index.bd?fa=pf.view&amp;pf_id=${ProfileID}"><span style="font-weight:bold"> ${ProfileName}</span></a></p> – kod som anger ditt profilnamn.
  8. </tag:if> – stängningskod för din profil ifall du har angett koder för din profil.
  9. </tag:profile> – stänger din profil.
  10. </div> – stänger blocket profil.

Nu ska vi navigera…

Jag är övertygad om att Du vid det här laget har fattat galoppen om hur en kod fungerar. För att spara utrymme kommer jag därför bara att lista själva koderna (jag har uteslutet koderna till böcker, filmer osv).

Senaste inläggen:

<ul>
<tag:recentlist limit="20">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
 </tag:recentlist>
</ul>

Kategorier:

<ul>
<tag:categorylist>
 <li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>

Arkiv:

<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>

Länkar:

<tag:if test="${hasLinks == 'true'}">
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</tag:if>

…och söka

<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">
<input type="hidden" name="bl_id" value="${BlogID}" />
<input type="text" name="criteria" value="" size="12" maxlength="64" />
<input type="submit" value="Sök" />
</form>

Koderna för entrypage – det vill säga där du kommenterar – kommer snart som en egen guide. Jag hoppas att du har blivit lite klokare på blogg.se:s koder.

Liknande poster:

32 Comments Add yours

  1. Sandra says:

    Ja varför inte bara skriva och fråga? x) Vet du om det går att skriva om “entry.date” på blogg.se så att man får ut DD/MM ÅÅ istället för nuvarande ÅÅ/MM/DD? Tack för ett superanvändbart inlägg!

    1. Lena says:

      Hej!
      Ja det vet jag =)
      {{ entry.date_time.strftime("%d/%m/%Y") }}

  2. Hej! Jag undrar om du vet hur man gör för att få “undersidor” under kategorierna på sin blogg..

    T.ex: Om jag har en kategori “Foto”, och vill ha mina fotografier “sorterade” så jag kan ha kategorier under kategorin “Foto”.

    Alltså, om man kollar under “kategorier” och man läser “Foto” så finns det olika “foto-teman” under det.

    Förstår du vad jag menar så skulle det vara bra om jag fick koderna till detta, haha! 🙂

    1. Lena says:

      Hej! Vad jag har sett så kan man inte ange en specifik kategori som “parent” i blogg.se jag har inte sett att de stöder “children” – så du får trixa lite med själva menyn. Skapa en em ny där du för hand skriver in en kategoris namn, ex foto, men länka inte denna. Sedan för du in alla kategorier som har med foto under denna länken. Fortsätt så med dina andra kategorier och länkar.
      mvh/Lena

  3. Sofia says:

    Den här koden för äldre inlägg, ska man lägga den i kodmallar eller stilmallar och vart isåfall? Om man har blogg.se?

    ${EntryTitle}

    1. Lena says:

      Hej!
      Den koden lägger du i dina kodmallar. Inte i stilmallen.
      mvh/Lena

  4. Ella says:

    Hej! jag undrar om högerklickning. Jag skulle vilja “förbjuda” det på min blogg men jag vet inte hur man gör :'( .
    1. kan du ha ett inlägg om det?
    2. skicka länken till mig i något inlägg på min blogg isåfall.
    3. jag undrar vad det är för kod som man ska lägga in i kodmallarna
    4. jag undrar om man ska lägga det i alla kodmallarna eller bara 1.
    5. Jag undrar vart i kodmallarna det ska ligga i.

    P.S. jag använder inte så mycket min Email!!!
    Tack i förhand!

    1. Lena says:

      Hej! Tyvärr har jag ingen möjlighet att besvara dig heller just nu mer än dessa korta rader. Jag är hemskt ledsen. Mvh/Lena

  5. Törmä says:

    Går det att ändra så att istället för att tidpunkten för inlägget visas som “18:05:07” så visas det bara timmar och minuter, “18:05”?

    1. Lena says:

      Hej! Jag tror inte att det går tyvärr.

  6. Fishie says:

    Måste bara säga att din blogg hjälper som tusan! 😀 <3

    1. Lena says:

      Vad kul! Nu blev jag glad 🙂

  7. Tack så mycket! Ska sluta leta efter sätt att “paginera” på blogg.se. Kul att du har en sån här blogg! :o) Den är riktigt cool ju!

  8. Hej, fan din riktigt sköna blogg när jag surfade runt på problemet jag har. Kul att du har nichat dig blogg mässigt som du gjort! Mitt problem med min blogg är att jag har gjort mer än 15 inlägg men det visas bara 15. Jag kan alltså inte gå till en sidan 2 för att se äldre. HUr löser jag detta, jag har väll anat att det har nått med denna kod
    Hoppas du kan hjälpa mig i denna snåriga djungel!
    Tack på för hand
    //En nyfiken-tekninkintresserad-bloggare (Lotta)

    1. Lena says:

      Hej! Om det är blogg:se du menar så måste du ställa in antal inlägg i koden. När det antalet sedan uppfyllts kan man inte “paginera” – det vill säga bläddra till sidan 2 utan resten av dina inlägg hamnar i arkivet. Så funkar det. mvh/Lena

  9. vickz says:

    Skulle vilja att du förklarade för mig lite bättre hur man kan få in bilder i profilen och även hur man som sagt tar bort sök-rutan i bloggen. Tack 🙂

    1. Lena says:

      Hej!
      Bilden infogar du via blogg.se, profilinställningar i dashboard. Sökrutan tar du bort genom att öppna alla kodmallar som koderna till denna finns i – radera koderna.

  10. Jelena says:

    Jag vill även kunna lägga in lite bilder i sidomenyn. 🙂 skulle vara bra om du kunde hjälpa mig !:)

    1. Lena says:

      Hej!
      Du öppnar de kodmallar som du vill ha dina bilder i, leta dig fram till sidebar och lägg in bilderna i det divblocket.

  11. Jelena says:

    Hej ! Hur får man bort “sök i bloggen ” ikonen. Vill inte ha den där och har redan försökt att ta bort den men då ändras hela sidomenyn. Sen vill jag ha bort ” senaste inläggen”. Jag vill ersätta detta med något annat som exepmel mina kamera tillbehör.

    1. Lena says:

      Hej!
      Kanske att du kan berätta vilket tema du menar? Då är det enklare att hjälpa.

  12. Josephine says:

    Hej!
    Jag tog ner din candy Mice och har några frågor:
    1) Hur skall jag länka till din sida?
    2) Hur får jag in typ bloglovin och liknande “statistikräknaren” på min sida?
    3) Finns det någonstans någon beskrivning hur man skall göra, för nu följer väl denna mall inte den typiska för blogg.se?
    4) Hur sätter jag in en till kategori, förutom “allmänt”?
    5) får jag bytt skrivtexten till svart?
    Är lite ute och seglar, men gillar mallen så mycket så skulle inte vilja sen ända på den..

    1. Lena says:

      Hej! Kul att du gillar mitt tema. Jag ska försöka besvara dina frågor.
      1) Finns det inte redan någon länk till mig så lägger du in en, förslagsvis i sidebar. Du kan länka till http://kaxigt.com/blogg-se-guider-design-tips-trix/.
      2) Du får en kod från bloglovin, öppna dina kodmallar i en textredigerare och lägg in koden i sidebar i alla kodmallar.
      3) Detta tema följer inte det typiska temat för blogg.se men om du surfar bland länkarna i http://kaxigt.com/blogg-se-guider-design-tips-trix/ så kommer du att hitta hjälp.
      4) Du skapar en kategori när du skriver ett inlägg och sparar sedan inlägget i denna kategori.
      5) Du får byta textfärg till svart, du gör det i stilmallen.

      mvh/Lena

  13. Jenny says:

    Du vet inte om det finns en kod man kan klistra in så att man får en “äldre inlägg”-länk längst ner på bloggsidan?
    Jag har letat som en galning men hittar inget som funkar på blogg.se

  14. Kenneth says:

    Finns det kod för tidigare/äldre och nyare poster?

    1. Lena says:
      <ul>
      <tag :recentlist limit="20">
      <li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
       </tag>
      </ul>
  15. nook says:

    http://nookny.blogg.se/?tmp=05180803

    häir min blogg jag vill har code jag och jag vet inte var jag kan har i blogg

    1. Lena says:

      Jag vet fortfarande inte vad det är du vill ha hjälp med.

  16. nook says:

    jag vill hälp om du kan snälla kan du titta min blogg liten de jag vill mer bra blogg

    1. Lena says:

      Hej, jag för står inte riktigt vad det är du vill?

  17. Camilla says:

    🙂 tack för enkel förklaring

    1. Lena says:

      Varsågod =)

Leave a Reply

Your email address will not be published. Required fields are marked *