Meniu orizontal in Blogger - Blogspot

Am fost recent rugat de un cititor, George Nistor, sa-l ajut sa-si faca un menu functional pe tema sa de Blogger / Blogspot. Si cum nu pot rezista intrebarilor puse frumos, politicos, in comentarii pe blog, m-am gandit sa scriu un scurt articol pe aceasta tema.
LE: Intre timp (2010 sau 2009) au fost introduse "pagini" si pe Blogger; le gasesti langa butonul de editare a articolelor (Edit Pages in engleza). Un menu gata facut se afla in widgets in Page Elements.
In platforma Wordpress, lucrurile par foarte simple. Adaugi o “pagina” spre deosebire de un “post”, si de obicei tema respectiva o va adauga in menu automat. Alaturat, un screen cap de la colegul Cracanel.
Pe platforma Blogspot e un pic mai complicat.

1. Adauga optiune in meniu la sablon care contine aceasta facilitate

Platforma Blogspot nu are conceptul de pagina asa cum exista in Wordpress, dar nimic nu te impiedica sa folosesti un articol obisnuit pe post de menu item. Poti folosi un articol existent, publicat mai demult, sau un articol nou. Daca nu vrei ca articolul cu pricina sa apara imediat ca orice nou articol, il poti ingropa, trimitandu-l in arhiva. Asta se face setand data articolului in trecut – eu prefer s-o pun pe 1 Noiembrie 2007, cand am inceput blogul – de la “Post Options”, in partea de stanga jos sub editor. De asemenea, pentru a face editarea ulterioara mai usoara, e inidicat sa le pui pe toate in aceeasi categorie, in cazul meu top. Prefer aceasta categorie fiindca are numai 3 litere, dar poti folosi orice altceva, cum ar fi “menu-item”, “top-menu”, “meniu orizontal”, “meniu”, etc.
In cazul in care vrei sa adaugi un buton de Home (Acasa) sau un link mai complex, cum ar fi cel necesar pentru saltul aleator (random article), sau un link cu imagini, va trebui sa editezi sablonul direct. Mergi in Dashboard –> Layout –> Edit HTML si cauta LinkList. Acolo exista un cod loop. Introdu link-urile tale inainte sau dupa intregul loop. Precautiile normale (salveaza sablonul, etc, trebuiesc luate).
Am creat primul meu screencast pentru a ilustra cele de mai sus. Nu a iesit tocmai bine, dar pana il fac din nou, e mai bine decat nimic :)

2. Adauga optiune in meniu la sablon care nu contine deja codul

Nu uita ca poti adauga un menu chiar daca sablonul tau n-are asa ceva. Pentru asta, mergi iar in Dashboard –> Layout –> Page Elements si apasa pe Add Gadget (nu conteaza in ce coloana va fi pentru moment, pentru c-o vei muta). Creeaza un HTML/JavaScript widget si acolo pune urmatoarele:
<a href=”http://linkultau1”>[MenuItem1]</a> <a href=”http://linkultau2”>[MenuItem2]</a>
si tot asa. Salvezi tarasenia, apoi click, hold si drag unde vrei tu sa stea (de pilda, sub titlu) si da-i un preview. Daca-ti place, salveaza template (sablonul). Poti vedea un astfel de meniu in sablonul zamolxis original, sub titlu.
Daca tot ai probleme, intreaba-ma!
P.S. – Am mai fost intrebat cum se adauga widgetul de traduceri pe wordpress.com; din pacate, nu cred ca-i posibil, dar stiu ca se poate in wordpress self-hosted (cum ar fi cracanel.infoacum cra.blogidol.ro)
20090810 UPDATE: Vrei mai multe articole tehnice pentru Blogger / Blogspot? Este modificarea de aici curenta, sau am facut una noua, cu acelasi efect, dar mai buna? Toate modificarile aduse de mine acestui sablon (template) pot fi gasite in Zamolxis ChangeLog. Seria lucrand la fatada va gazdui de-acu’ incolo articole despre PR, media persuasion si eventual imaginea Romaniei.