Kodguide för Framsida/Kategorisida/Arkiv sida på blogg.se
Stilmallen = Här anger man hur allting ska se ut, dvs storlek, positionering och färg
Framsida = Font page = framsidan av bloggen, alltså startsidan.
Framsida = Font page = framsidan av bloggen, alltså startsidan.
Arkivsida = Archive page = arkivsidan av bloggen. Sidorna där dina inlägg finns.
Kategorisida = Category page = kategorisidan av bloggen. När man klickar runt bland kategorierna till olika sidor - de sidorna är det.
Inläggsidan = Entry page = kommentarssidan av bloggen. Där folk kommenterar på din blogg.
Detta är Koderna för mallarna Framsida, Kategorisida och Arkivsida.
(Inte för Entry Page där du kommenterar)
Överst i Framsidan,Kategorisida och Arkivsida börjar det ju alltid med:
<head>-sektionen
1. <title>${BlogTitle} - ${BlogDescription}</title>
– ${BlogTitle} = Titeln på din blogg
- ${BlogDescription} = Bloggens beskrivning.
1. <div id="header">
2. <h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
3. <h2>${BlogDescription}</h2>
4. </div>
Bloggtiteln ${BlogTitle} länkas till adressen ${BlogUrl} i <div id="header"> men inte i <head>
Dessa två koder: <a href="${BlogUrl}">${BlogTitle}</a> = Skapar din url adress till din blogg
1. <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
2. <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.
<body>-sektionen
<div id="content">-sektionen
1. <div id="content">
2. <tag:entrylist limit="15">
3. <a name="a${EntryNum}"></a>
4. <h3>${EntryTitle}</h3>
5. <div>${EntryBody}</div>
6. <div>
7. ${EntryDate} @ ${EntryTime}
8. <a href="${EntryPermaLink}">Permalink</a>
9. <a href="${EntryCategoryLink}">${EntryCategoryName}</a>
10 <a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a>
11. <a href="${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a>
12. <br /><br />
13. <tag:taglist title="Nyckelord: ">
14. <a href="${TagURL}" rel="tag">${TagName}</a>
15. </tag:taglist>
16. </div>
17. <hr />
18. </tag:entrylist>
19. </div>
FÖRKLARING
1. <div id="content"> är blocket som bloggens innehåll finns i.
2. <tag:entrylist limit="15"> Det är listan med 15 inlägg som syns på bloggsidan. Här ändrar du hur många inlägg som du vill att dina läsare ska se på din bloggsida.
3. <a name="a${EntryNum}"></a> - Det är en osynlig ankarlänk för varje numrerad post.
4. <h3>${EntryTitle}</h3> - Den genererar varje posttitel. Och den gör du klickabar genom och skriva sä här:
<h3><a href="${EntryPermaLink}">${EntryTitle}</a></h3>
5. <div>${EntryBody}</div> - Där genereras alla dina inlägg
6. <div> - Det ä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 dina valda kategorier.
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å radbrytningar/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>.
17. <hr /> – 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"> - sektionen – Vänster kolumn = Menyn = I vänster kolumnen har du din profilbild
1. <div id="side">
2. <div id="profile">
3. <tag:profile>
4. <tag:if test="${ProfileExists == 'true'}">
5. <h4>Om</h4>
6. <a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img src="${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a>
7. <p><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold"> ${ProfileName}</span></a></p>
8. </tag:if>
9. </tag:profile>
10. </div>
FÖRKLARING
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 för din profil
4. <tag:if test="${ProfileExists == 'true'}"> – Kod som kontrollerar om du använder koder för din profil
5. <h4>Om</h4> – Rubrik
6. <a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img src="${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a> – Kod som sätter in din profilbild och länkar den till profilsidan
7. <p><a href="${AppUrl}index.bd?fa=pf.view&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
9. </tag:profile> – Stänger din profil
10. </div> – Stänger blocket profil
Senaste inläggen:
1. <ul>
2. <tag:recentlist limit="20"> – Här väljer du antal inlägg du vill ska visas på sidan
3. <li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
4. </tag:recentlist>
5. </ul>
Kategorier:
1. <ul>
2. <tag:categorylist>
3. <li><a href="${CategoryLink}">${CategoryName}</a></li>
4. </tag:categorylist>
5. </ul>
Arkiv:
1. <ul>
2. <tag:archivelist>
3. <li><a href="${ArchiveLink}">${ArchiveName}</a></li>
4. </tag:archivelist>
5. </ul>
Länkar:
1. <tag:if test="${hasLinks == 'true'}">
2. <ul>
3. <tag:linklist>
4. <li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
5. </tag:linklist>
6. </ul>
7. </tag:if>
Sök i bloggen:
1. <form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">
2. <input type="hidden" name="bl_id" value="${BlogID}" />
3. <input type="text" name="criteria" value="" size="12" maxlength="64" />
4. <input type="submit" value="Sök" />
5. </form>
Det ser svårare ut än vad det är. Jag har nyligen själv fått klämm på det. Och som sagt det tog ett bra tag men nu kan jag och gör min design själv med ändringar och allt man kan tänka sig