Join US!

06 august 2011

Blog - Cum faceti sa apara navigatia "Postări mai vechi " si "Postări mai noi"

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 Aspect --> 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 Aspect --> 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. Daca nu va place navigatia default de la Blogger, cea cu "Postări mai vechi " si "Postări mai noi" puteti opta sa instalati aceasta navigatie cu numere.