Widget-ul Link List

In acest tutorial va voi arata cum sa va organizati postarile pe categorii, utilizand widget-ul Link List.

Pasul 1:

Ne ducem la Layout si adaugam widget-ul Link List.

Pasul 2:

Title: Aici puteti pune ce nume doriti, cum ar fi Categorii,  eu prefer sa las gol.

Number of items to show in list: Aici lasati gol

Sorting: Aici puteti schimba in ordine alfabetica, sau lasati Don't sort si le asezati in ce ordine doriti voi.

New site name: Cum se cheama categoria care doriti sa o creati? Aici vom crea de exemplu categoria Tutoriale

New site URL: Acum incepe crearea propiu-zisa:

1.Te gandesti la numele categoriei (un singur cuvant ar fi cel mai bine). In cazul de fata, drept exemplu, va fi Tutoriale

2.Copie adresa blogului tau si insereaza in casuta, exemplu: http://demobloganaiulia.blogspot.ro/

3.Adauga urmatoarele, imediat dupa URL:  /search/label/  exemplu:   http://demobloganaiulia.blogspot.ro/search/label/
4.Adauga numele categoriei (conteaza daca e cu litere mari sau mici)
5.Intreaga casuta ar trebui sa arate asa: http://demobloganaiulia.blogspot.ro/search/label/Tutoriale

Dupa, se apasa Add link si rezultatul final va fi acesta.

Pasul 3:

Pentru ca postarile sa apara , trebuie sa le etichetam. Cand compunem o postare noua, avem in dreapta sus la Post settings sectiunea Labels. Acolo scriem numele categoriei care am creat-o Tutoriale si gata. Aici conteaza daca e cu litera mare sau mica, daca as scrie tutoriale sau TUTORIALE nu va functiona.

Pasul 4:

Daca vreti sa adaugati si Home e mai usor:

New site URL:  adresa blogului vostru

New site name: Home sau Acasa sau cum doriti.

Acum metoda asta are si un punct in minus: de fiecare data cand apasam pe o categorie va rasari urmatorul mesaj:

Showing posts with label CATEGORIA VOASTRA. Show all posts

Dar putem scapa de asta, modificand un pic codul HTML. Inainte de toate sa faceti un backup.

 Din aceeasi pagina, ne ducem la Edit HTML. Da un click oriunde in casuta cu cod si apoi apasa CTRL+F pentru a deschide casuta  de cautare.

Vom cauta aceasta fraza :

<b:includable id='status-message'>

Vom selecta exact ca in imagine, portiunea aceea de cod, si o vom inlocui cu acest cod:

<b:includable id='status-message'>

<b:if cond='data:navMessage'>
<div style='clear: both;'/>
</b:if>
</b:includable>


Rezultatul final va arata asa:

Apasam Save template si gata, mesajul enervant a disparut.