Se afișează postările cu eticheta Meniu. Afișați toate postările
Se afișează postările cu eticheta Meniu. Afișați toate postările

duminică, 18 iulie 2010

Cum sa adaugi orice link in meniul paginilor statice

Anul acesta Blogger a introdus optiunea de a crea pagini statice si de a le lega intr-un meniu. Din pacate in meniu nu pot fi legate decat paginile statice create, neexistand o optiune de a pune si un link strain sau de la o postare oarecare din blog.


Totusi, pentru ca blogger ne ofera acces la codul html al blogului exista o metoda de a pune in meniu si un link care nu este al paginilor statice.

Update:
Acum blogger a pus la dispozitie o metoda foarte simpla pentru a adauga un link in meniul paginilor statice.
Vezi aici tutorialul: Adaugare link oriunde in meniul paginilor statice

Iata ce trebuie sa faceti pentru a pune un link strain in meniu:

1. Intrati la Design si apoi la Editati html.
2. Faceti o copie a sablonului pentru orice eventualitate.
3. Bifati casuta de extindere a codului sablonului.(important)


vineri, 26 februarie 2010

Personalizati meniul paginilor statice - pe orizontala

De curand Blogger a oferit posibilitatea de a crea pagini statice si daca ati citit articolul scris de mine pe aceasta tema ati vazut ca pe langa optiunea de a crea pagini statice avem posibilitatea de a le lega automat intr-un meniu.
O optiune foarte importanta dupa parerea mea, scutind astfel pe multi de a se mai complica cu codurile html.
Dar din pacate Blogger nu ne ofera nici o posibilitate de a personaliza meniul, el fiind doar titlul pagini pe fundalul sablonului. Partea buna este ca avand acces la codul html al sablonului putem totusi sa ne facem singuri o personalizare a meniului.
In continuare am sa va arat cum sa personalizati meniul pe orizontala si pentru asta am pregatit coduri pentru 2 stiluri diferite de meniu.




Acest cuvant  PageList1  pe care il gasiti in codul pe care trebuie sa-l copiati in sablon reprezinta id-ul gadget-ului Pagini pe care vreti sa-l personalizati. El primeste acest id automat cand adaugati obiectul gadget. Deci in mod normal ar trebui ca atunci cand adaugati codul, meniul sa se personalizeze automat.

Daca nu merge, atunci o metoda usoara de a afla ce id are obiectul gadget Pagini pe care vreti sa-l personalizati este asta:
Intrati astfel: Aspect --> Elemente de pagina si localizati obiectul pe care vreti sa-l personalizati. Dati clic pe Editati pentru al edita. Cand pagina se deschide in pop-up dati clic pe butonul de marire a ei si sus in bara de adrese veti gasi un URL care se termina in:
sectionId=crosscol&widgetType=null&widgetId=PageList1
Cel scris cu rosu este id-ul

vineri, 22 ianuarie 2010

Optiune noua: Pagini statice si meniu pe Blogger

Update: De azi 4 februarie 2010 aceasta optiune este disponibila si pe Blogger normal

Incepand de ieri Blogger a lansat o noua optiune si anume crearea paginilor statice. Fiind in teste ea nu poate fi accesata deocamdata decat prin varianta Blogger in Drat.
Pentru cei care nu stiu Blogger in Draft este o varianta a blogger-ului normal unde ei lanseaza pentru teste noile optiuni.




Dar haideti sa vedem cum se face!
Accesati Blogger in Draft si din Tabloul de bord alegeti optiunea Editati postari a blogului unde vreti sa adaugati pagini statice.
Ajunsi aici vom observa ca in randul optiunilor de la tabul Postare a aparut o noua optiune si anume Editati paginile.  Dati clic pe link si vom ajunge in pagina de adaugare si administrare a paginilor statice.

Dati clic pe butonul Pagina noua si se va deschide editorul de text al noi pagini.


sâmbătă, 29 august 2009

Cum sa adaugi un meniu orizontal pe Blogger




Meniul este unul din cele mai importante parti a unui site sau blog, el oferind vizitatorilor un acces mult mai usor la continutul blogului
Printre optiunile de pe Blogger nu se numara, din pacate, si posibilitatea de a face pagini statice, ca in Wordpress unde se genereaza automat si meniul. Pe Blogger trebuie sa facem singuri acest lucru,umbland pe la codul sablonului, lucru care nu e chiar usor pentru cineva care nu se pricepe.


In acest articol vreau sa va arat o cale destul de usoara de a va pune meniu pe blog, doar cu o mica modificare in Html-ul sablonului.




Pentru inceput trebuie sa va alegeti paginile care vor forma meniul si sa le scrieti url-ul si titlul intr-un editor de text cum ar fi Notepad.

Apoi urmati calea Aspect --> Editati Html si cautati urmatoarea linie de cod:

<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Dupa ce ati gasit-o (folositi Ctrl+F) schimbati pe 1 cu 3 si pe no cu yes, apoi salvati sablonul.

Acum duceti-va la pagina "Elemente de pagina" si veti vedea ca acum aveti posibilitatea de a aduga un obiect gadget si deasupra header-ului.



Dati clic pe Adaugati un element gadget si alegeti optiunea Html/JavaScript. In campul pentru continut copiati urmatorul cod html.

<style type="text/css">

#meniu {
margin-left:-40px;
}

#meniu ul li{
display:inline;
list-style-type: none;
font-size:120%;
font-weight: bold;
padding:0px;
margin:0px;
}

#meniu li a{
margin:2px;
padding:5px 10px 5px 10px;
color:#ffffff;
background-color:#2D0089;
border:1px solid #FF6702;
}

#meniu li a:hover {
color: #ffffff;
background: #3CC3FD;
}
</style>

<div id="meniu">
<ul>
<li><a href="http://url-ul tau">Home</a></li>
<li><a href="http://url-ul tau">Feed</a></li>
<li><a href="http://url-ul tau">About Me</a></li>
<li><a href="http://url-ul tau">Contact</a></li>
</ul>
</div>

Inlocuiti ce este scris cu rosu "http://url-ul tau" cu url-ul paginilor pe care le-ati ales, iar ce este cu albastru inlocuiti-le cu numele paginilor alese. Aceste cuvinte vor aparea in meniul vostru, deci alegeti un nume care sa fie reprezentativ pentru continutul paginii.
Dupa ce ati copiat codul, salvati gadgetul si trageti-l sub header. Salvati editarea si vedeti cum arata meniul.


Cam asta ar fi, dar sunt convins ca fiecare are diferite culori pe blog asa ca, culorile pe care eu le-am ales eu pentru demo nu se potrivesc cu ale voastre. Sau poate vreti scrisul mai mic, sau vreti ca meniul sa apara in partea stanga, sau in partea dreapta, asa ca in continuare va voi arata cum sa modificati partea de Css a codului pe care vi l-am aratat.

Voi copia din nou prima parte a codului de mai sus si va voi arata ce puteti schimba la el pentru a se nimeri cu sablonul vostru.

#meniu ul li{
display:inline;
list-style-type: none;
font-size:120%;       - modifica marimea textului in procente
font-weight: bold;    - face textul bold; pentru text normal inlocuiti bold cu normal
padding:0px;
margin:0px;
}

#meniu li a{
margin:2px;                                  - mareste distanta intre texte
padding:5px 10px 5px 10px;     - pune o distanta intre text si bordura care inconjuara textul; sus - dreapta - jos - stanga
color:#ffffff;                                - modifica culoarea textului
background-color:#2D0089;      - modifica fundalul textului
border:1px solid #FF6702;        - pune o bordura in jurul textului; 1 = grosimea bordurii; #FF6702 = culoarea bordurii
}

#meniu li a:hover {
color: #ffffff;                                - modifica culoarea textului la mouseover(atunci cand treceti mouse-ul peste text
background: #3CC3FD;             - modifica fundalul textului la mouseover
border:1px solid #FF6702;         - modifica bordura la mouseover
}

 Daca vreti ca meniul sa apara in partea stanga atunci dupa aceasta linie:

#meniu {

copiati urmatorul cod:


float:left;

Daca vreti ca meniul sa apara in parte dreapta atunci dupa aceasta linie:

#meniu {

copiati urmatorul cod

float:right;
Daca mai intampinati si alte probleme atunci lasati un comentariu si voi incerca sa va ajut.


vineri, 29 mai 2009

Cum sa modificati meniul din sabloanele Blogger

Sabloanele Blogger se pot modifica intr-o multime de feluri. De aceea la ora actuala sunt nenumarate sabloane modificate pentru Blogger - blogspot. Multe dintre ele au incorporat un meniu pe care trebuie sa il modificati voi, asta insemnand ca trebuie sa schimbati link-urile existente cu link-urile voastre din blog.



Mai intai trebuie sa alegeti ce pagini vreti sa puneti in meniu. Meniul este facut pentru a oferi un acces cat mai usor la anumite sectiuni ale blogului, de accea aveti grija ce pagini puneti in meniu.

Dupa ce am vazut catre ce pagini vrem sa punem link in meniu, trebuie sa alegem si numele paginilor din meniu.