Abonați-vă pentru Noutăți!

'Promit să nu fac Plagiat.

6 nov. 2014

Cod HTML Navigare in pagini cu numere Blooger

Am să scriu acest articol la rugămintea unui vizitator al blog-ului care mă ruga într-un comentariu la articolul ''Cod html numerotare pagini Blog-Blogger'', să remediez mica problemă pe care o avea acel cod şi anume odată introdus codul afişa navigarea în pagini cu numere însă din motive nedescoperite nu mai afişa data la care a fost postat articolul. Am încercat să remediez acea problemă dar nu am reuşit. Am căutat un alt cod şi. am găsit se pare unul mult mai bun care vă ajută să navigaţi în păgâniile blog-ului cu numere...

Acest cod html este uşor de inserat dar şi de personalizat
  Pentru al insera logaţi-vă la contul Blogger - Mergeţi pe blog-ul unde vrei să vă apăra (dacă administraţi mai multe) - Aspect - Adăugaţi un obiect gadget - </> HTML/Java Script şi în fereastra deschisă lipiţi codul HTML pe care îl veţi putea copia de mai jos - Salvați - Salvați aranjarea. Am să las două coduri HTML, diferenţa dintre ele fiind că al-2-lea cod este comprimat (mai mic) şi este şi cosmetizat (personalizat) pentru a vă da dvs. sema ce anume puteţi modifica în funcţie de culorile folosite pe blog/site. Am să vă spun şi cum l-am modificat (comprimat) şi cum am obţinut codul HTML al culorilor pentru ai modifica aspectul)
Cod numărătoare pagina (nemodificat)
<style type='text/css'>
#blog-pager{height: 28px;
    padding: 10px 0 0;
overflow:hidden;
text-align:center;
}
.showpageArea a {text-decoration:underline;
font-size: 16px;
       text-align: center;}
.showpageNum a {font-size:16px;text-decoration:none;border: 1px solid #cccccc;margin:0 5px;padding:5px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {font-size:16px;text-decoration:none;border: 1px solid #cccccc;background: #216FD9;margin:0 5px;padding:5px;color:#ffffff;}
.showpageOf {text-decoration:none;padding:5px;margin: 0 5px;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:5px;}
.showpage a:hover {text-decoration:none;background: #cccccc;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style>
<script style='text/javascript'>var pageCount=7; 
var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script><a href="http://netoopsblog.blogspot.com" style="font-size:0pt">Blogger Widgets</a>
<script style='text/javascript' src='http://netoopscodes.googlecode.com/svn/netoops-page-nav-v2.js'></script>
Acest cod vă va afişa acest stil de numărătoare a paginilor
După câteva modificări ale valorilor marcate codul va arăta aşa
<style type='text/css'>
#blog-pager{height:35px;     padding:17px 0 0; overflow:hidden; text-align:center}
.showpageArea a{text-decoration:underline; font-size:23px;        text-align:center}
.showpageNum a{font-size:23px; text-decoration:none; border:3px solid #134AEC; margin:0 5px; padding:5px}
.showpageNum a:hover{border:3px solid #ccc; background-color:#ccc}
 .showpagePoint{font-size:23px; text-decoration:none; border:3px solid #ccc; background:#216FD9; margin:0 5px; padding:5px; color:#fff}
 .showpageOf{text-decoration:none; padding:5px; margin:0 5px}
.showpage a{text-decoration:none; border:3px solid #ccc; padding:5px}
.showpage a:hover{text-decoration:none; background:#ccc}
.showpageNum a:link, .showpage a:link{text-decoration:none; color:#050505}
</style>
<script style='text/javascript'>var pageCount=5;
var displayPageNum=5; var upPageWord="Anterioară "; var downPageWord="Următoarea"; </script><a href="http://netoopsblog.blogspot.com"style="font-size:0pt">Blogger Widgets</a>
<script style='text/javascript' src='http://netoopscodes.googlecode.com/svn/netoops-page-nav-v2.js'></script>
 Rezultatul este acesta 
  Pentru a face modificările de stil (pentru a schimba combinaţia de culori) aveţi nevoie de un generator de cod HTML al culorilor Citiţi acest articol ''Generator de culori, coduri de culori HTML pentru blog/site''.
  Iar pentru a comprima acest cod (pentru a nu afecta viteza de încărcare a site-ului) Copiaţi codul după ce l-aţi modificat după cum doriţi introduceţi-l Aici  și apăsaţi butonul Compress-it.

12 comentarii:

  1. Salutare, mai am şi eu vreo 2-3 întrebări :)
    - E ceva de făcut cu acest cod sau celălalt să apară numerotarea şi în etichete sau categorii?

    - Am observat ca nu mai poţi crea categorii pe blogger, mai exact, adresă web, de ce? sau cum e posibil acum?

    Mulţumesc!

    RăspundețiȘtergere
    Răspunsuri
    1. La prima întrebare răspunsul este:
      Acest cod nou cod nu oferă posibilitatea numerotări în categorii
      Cel vechi oferă această posibilitate (dacă în categoria respectivă sunt mai mult de 15 postări)
      La a doua întrebare răspunsul este:
      Mergi în panoul Blogger la Aspect - Adăugare obiect gadget nou - Etichete şi aici bifezi ce etichete vrei să le creezi ca şi categorii.
      Apoi urmează aceiaşi paşi dar adăugă gadget-ul Pagini şi aici introduci numele pagini şi adresa Web a etichetei căreia vrei să îi corespundă. Sună complicat şi răspunsul acesta l-am mai dat pe Canalul YouTube te invit să urmăreşti acest mic video Explicativ Pagini in Blogger

      Ștergere
    2. Mulţumesc frumos.. Încă o întrebare dacă mă poţi ajuta te rog

      -Cum introduc cuvintele cheie pentru fiecare postare din blog? în secţiunea "descriere pentru căutare" cumva?

      Ștergere
    3. Încă ceva, şi cunvtele cheie pentru imagini, unde trebuie introduse?

      Mulţumesc!

      Ștergere
    4. Şi încă ceva :) am ajuns deja la 18 postări în categorie şi nu se numerotează paginile. e ceva de făcut?

      Ștergere
    5. 1. Cuvintele Cheie le introduci în secţiunea Etichete (în pagina în care editezi articolul în dreapta sus)
      2. Cuvintele cheie pentru imagini (tag-uri), le introduci dând click pe imaginea pe care ai introdus-o în articol o să îţi apară meniul dai pe Proprietăţi şi acolo le scrii (la textul ţâţului şi textul alternativ)
      3. Sincer nu ştiu ce ai de făcut să îţi apară numărătoarea în categorii, o să mă interesez şi te anunţ

      Ștergere
    6. http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html

      :) Mult mai bun... îl poţi seta cum vrei :)

      Ștergere
    7. Mai am totuşi o întrebare, din 80 de postări decat 2 sunt indexate de google, nu am nici ce-a mai mic idee de ce...şi totuşi vreo 60 dintre ele au deja 8 luni de când sunt publicate...e ceva de făcut?

      Ștergere
    8. Acel generator de cod HTML este într-adevăr mai flexibil şi variat însă are un mare dezavantaj îţi îngreunează mult încărcarea pagini (scade viteza de încărcare a site-ului)
      Cât despre indexarea articolelor tale nu trebuie să aştepţi să ţi le indexeze Google îţi poţi crea un site map şi le poţi trimite către Google ţi le va indexa în 24-48 ore ar trebui să citeşti acest articol Ce este un Sitemap, cum il creez si cum il introduc in Webmaster Tools?

      Ștergere
    9. - Întradevăr, merge destul de greu pagina cu acel cod. Dar ce e de făcut? pentru că dacă îl las pe cel scris de tine nu îmi numerotează paginile în categorii sau etichete, de fapt le numerotează dar doar după ce e apăsat "postare mai veche", abea apoi se văd paginile numerotate, nu din prima când ajungi în eticheta X de exemplu

      -Am creat sitemap de 8 luni, şi l-am şi actualizat dar cu toate astea din toate verificarile a blogului pe internet reiese că nu am indexată decât una sau două postări..ex: http://dexterseo.ro/contact-us-full-width

      Ștergere
    10. De făcut cu acel cod propus de tine nu ai ce face să îl faci mai rapid, întrucât are introdusă in el adresa site-ului care îţi oferă generarea personalizată a codului, iar acest lucru îl face greoi, eu îţi propun să alegi una din cele două variante propuse de mine (până găsim altă soluţie)
      Cât despre indexarea articolelor
      De unde ştii că ai doar câteva articole indexate? (nu le găseşti pe net?)
      Vezi că în Webmaster Tools îţi arată şi numărul articolelor indexate. Căutarea pe net după titlul nu e o soluţie de a afla dacă este indexat articolul, sau nu, întrucât acesta se poate regăsi în pagina X (în funcţie de numărul de accesări, de cuvinte cheie, etc.). Cauta articolul după adresa url şi dacă acesta îţi apare înseamnă că este indexat.

      Ștergere
    11. În fine, uite, cum pot rezolva problemele astea?

      -Fiecare imagine trebuie sa aiba alt tag-uri
      -Adaugati cuvantul cheie in alt tag
      -Adaugati cuvantul cheie dvs in numele imaginii
      -Eliminati orice underscore ( _ ) din numele imaginilor dvs

      Precizez că fiecare imagine are trecut la textul titlului câte o descriere

      Mulţumesc frumos pentru indrumări!

      Ștergere

Dacă acest articol ţi-a fost util, ți s-a părut interesant, sau ai sugestii de noi articole. Dacă crezi că poți aduce completări... TE ASTEPT!