Cum faceti sa apara navigatia "Postări mai vechi " si "Postări mai noi" | Tutoriale bune pentru Blogger, WordPress & internet

La multe sabloane Blogger pe care le descarcam de pe net, create de anumiti web-designeri, navigatia"Postări mai vechi " si "Postări mai noi" nu merge.
Asta este din cauza ca acel web-designer a decis asta si cu ajutorul unui atribut CSS a facut sa nu apara aceasta navigatie.

-->
Dupa parerea mea orice navigatie pentru un blog, oricat de aiurea ar arata ea, e mai buna decat una inexistenta. Asa ca pentru cei care au aceasta problema m-am hotarat sa le arat cum sa o afiseze din nou.

Part 1 - aparitia navigatiei
Rezolvarea este foarte simpla si consta in inlocuirea unor coduri CSS.
Mergeti la Sablon --> Editati html si in prima faza faceti o copie a actualului sablon. Asta in caz ca ceva nu merge cum trebuie sa putem reveni la forma lui initiala prin simpla incarcare a acestei copii.

Folosind combinatia de taste Ctrl+F cautati acest cod:

#blog-pager-newer-link {

veti gasi aici codul responsabil pentru aspectul navigarii. Deci, daca nu vă apare navigatia atunci veti gasi acest grup de coduri:

#blog-pager-newer-link {
display:none;
}
#blog-pager-older-link {
display:none;
}
#blog-pager {
display:none;
}

Atributul CSS care faca ca navigatia sa dispara este display:none; si dupa cum vedeti este aplicat tuturor elementelor navigatiei.

Solutia cea mai simpla pentru a face navigatia sa apara din nou este inlocuirea grupului de coduri de mai sus cu acest grup de coduri:

#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}

Previzualizati si daca navigatia a aparut puteti salva sablonul si sa mergeti la blog pentru ai testa functionalitatea.

Part 2 - scoaterea navigatiei
Daca pe blogul vostru navigatia apare dar din anumite motive doriti sa o scoateti atunci vom urma pasii de la partea intai, in sens invers.
Intrati la Sablon --> Editati html si cautati acest grup de coduri:
E posibil sa-l gasiti in 2 variante.

Varianta 1
#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

Varianta 2
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}

indiferent ce varianta ati gasit, inlocuiti-o cu acest grup de coduri:

#blog-pager-newer-link {
display: none;
}
#blog-pager-older-link {
display: none;
}
#blog-pager {
display: none;
}

Salvati si vedeti daca a mers.