Jennys Modemix

I min blogg kan ni hitta allt som har med mode och göra - shoppingtips, smycken, väskor och en STOR förkärlek till SKOR. Ni hittar även bloggtips, bloggdesign och mycket mycket mer.

Kodguide för Framsida/Kategorisida/Arkiv sida på blogg.se

Publicerad 2009-11-13 10:14:00 i BloggTips




Stilmallen = Här anger man hur allting ska se ut, dvs storlek, positionering och färg
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&amp;pf_id=${ProfileID}"><img src="${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a>
7. <p><a href="${AppUrl}index.bd?fa=pf.view&amp;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&amp;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&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
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

Kommentarer

Kommentera inlägget

Publiceras ej

Om

Min profilbild

SweetnCute

I min blogg kan ni hitta allt som har med mode och göra - shoppingtips, smycken , väskor och en STOR förkärlek till SKOR. Ni kan även hitta bloggdesign hjälp & tips, ladda ner gratis bloggdesign, beställa personliga bloggdesign och mycket mycket mer

Senaste inläggen

Kategorier

Arkiv

Prenumerera och dela