RSS-feed för varje kategori

Har du en blogg där du skriver om många olika ämnen?
Kanske har du besökare som oftast bara läser en viss kategori, de klickar på en av dina etiketter för att se nya inlägg där.

Om de prenumererar på din bloggs vanliga feed får de alla inlägg hämtade till sin rss-läsare, men det betyder att de får sortera bort de inlägg de inte är intresserade av och du riskerar att din besökare tröttnar.

Låt dina besökare välja vilka etiketter de vill prenumerera på genom att lägga till en enkel kod i din etiketts-gadget. Du kan byta ut bilden och du kan lägga till en textrad i gadgeten så dina besökare förstår att de kommer till feedlänken om de trycker på ikonen och till inläggen med etiketten om de trycker på textlänken.

Koden


Först och främst ska du se till att du har en etiketts-gadget i din blogg.
Om du inte har något går du till Design - Sidelement och väljer Lägg till Gadget.
Välj Etiketter.

Gå sen till din bloggs kodmall (Design - Redigera HTML) och kryssa i rutan för "Utökade gränssnittskomponentmallar".

 

Tryck Ctrl + F på ditt tangentbord för att öppna en sökruta.

Kopiera följande och klistra in i sökrutan, tryck sen Enter:

 

<b:loop values='data:labels' var='label'>

Du hittar nu ett stycke som ser ut så här:

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

Ser du att den börjar och slutar med taggen <b:loop></b:loop>? Bra!

Du ska byta ut den här koden mot följande kod:

<b:loop values='data:labels' var='label'>
<li>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default/-/&quot; + data:label.name'><img alt='RSS feed för etikett' src='http://i38.photobucket.com/albums/e123/Buschiq/1-fixabilder/1308317885_comment_rss_16.png' style='vertical-align:middle;border:0'/></a>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

Ser du att det finns en fetmarkerad bildadress i koden?
Här kan du byta ut bildikonen mot en annan rss-bild, du hittar fler förslag nederst i det här inlägget.


Förklara för dina besökare


Vill du lägga till en förklarande text också?

Då ska du söka dig lite uppåt i koden och leta rätt på de här raderna:

<b:widget id='Label1' locked='false' title='Etiketter' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>

Precis under det lägger du till  följande rad:

<div><p>Följ en kategori genom att klicka på ikonen framför</p></div>

Så här:

<b:widget id='Label1' locked='false' title='Etiketter' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
<div><p>Följ en kategori genom att klicka på ikonen framför</p></div>

Byt ev. ut texten mot något du tycker passar bättre.


Byt bildikon


Du kan byta till vilken rss-ikon du vill bara du har bildens direktlänk.
Här är några förslag från mig.
(ramarna runt bilderna hänger inte med, det är en del av min bloggs design!)

 http://i38.photobucket.com/albums/e123/Buschiq/1-fixabilder/1308318372_09_rss.png

http://i38.photobucket.com/albums/e123/Buschiq/1-fixabilder/1308318345_23_rss.png

http://i38.photobucket.com/albums/e123/Buschiq/1-fixabilder/1308318322_19_rss.png

http://i38.photobucket.com/albums/e123/Buschiq/1-fixabilder/1308318281_44_rss.png

http://i38.photobucket.com/albums/e123/Buschiq/1-fixabilder/1308318278_32_rss.png

http://i38.photobucket.com/albums/e123/Buschiq/1-fixabilder/1308318271_39_rss.png

http://i38.photobucket.com/albums/e123/Buschiq/1-fixabilder/1308317895_43_rss.png

http://i38.photobucket.com/albums/e123/Buschiq/1-fixabilder/1308317463_015.png

http://i38.photobucket.com/albums/e123/Buschiq/1-fixabilder/1308317919_016.png

http://i38.photobucket.com/albums/e123/Buschiq/1-fixabilder/1308317366_001.png