duminică, 12 aprilie 2009

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 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.
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.

-->

5 comentarii:

  1. Salut.As vrea sa introduc navigatia cu numere ,dar nu reusesc ,problema e ca nu-mi apare pe prima pagina nici navigatia cu newer post si old post,daca poti sa arunci un ochi adresa este http://www.filmstaronline.com
    poate ma poti ajuta sa modific acest template ,am incercat in toate felurile.Multumesc anticipat

    RăspundețiȘtergere
  2. buna.. mie nu mi se vede in template postari vechi si noi iar in html imi apare ca si cum ar exista.. deci nu apare display:none.. Ce pot sa fac? vrei sa arunci o privire te rog? mersi!

    RăspundețiȘtergere
  3. Miuri, din constructie sau adaugat de tine sablonul tau are adaugat codul pentru navigarea cu numere. Acest cod cuprinde un link catre un script, link care este intrerupt.
    Pt ca navigarea normala sa apara trebuie sa stergi acest cod.
    Intra la Editati html si cauta asta: </body>
    Vei gasi un grup de coduri care incepe asa:
    <script src='http://all-in-one-blogger-widget.googlecode.com/files/paginator3000.js.....
    Sterge grupul incepand cu acesta si terminand cu asta:
    Dont edit without permission from the Copyright owner */

    RăspundețiȘtergere
  4. dar ce zici despre titlurile postarilor anterioare si posterioare ca la wordpress?

    RăspundețiȘtergere
  5. Poţi să-mi spui şi mie cum înlocuiesc "postări mai noi" sau "postări mai vechi" cu o imagine?

    RăspundețiȘtergere