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.


sâmbătă, 30 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.

sâmbătă, 4 aprilie 2009

Video Tutoriale Blogger

In această pagină vom pune toate tutorialele video pe care le vom realiza. Tutorialele, trucurile și sfaturile sunt desigur, pentru platforma Blogger - blogspot si pot fi vizonate pe Youtube. Pozele de mai jos sunt doar link-uri către filmulete postate pe Youtube.

Unele sunt foarte vechi si probabil că nu se mai aplică la actuala interfață Blogger, însă sperăm să le putem actualiza pe cele care sunt mai importante și astfel să beneficiati de ele atunci când aveți nevoie.

Cum sa faci o postare sticky in homepage pe Blogger 2019 - Link spre video
Filmulețul vă arată cum să fixați o postare să apară prima pe blog mereu. Detalii scrise aici, dar mai bine vizionați filmulețul pentru că este scurt și vă puteți orienta mai bine.

Cum sa pui un favicon pe blogger blogspot in 2019 - Link spre video
Un filmuleț care vă arată cum să vă schimbați iconița blogului blogspot. Cum să schimbați faviconul default blogger cu unul care să vă reprezinte blogul.

Cum sa creezi o pagina de Facebook - Link spre video
Un filmuleț mai vechi care vă arată cum să faceți o pagină de Facebook pentru blog. Sperăm să facem unul nou în curând.

Cum sa afisezi widgetul LinkWithin doar in postare - Link spre video
După cum stiți, atunci cand adaugi widget-ul  LinkWithin, el apare și în pagina principală. Acest filmuleț vă arată cum să faceți ca să apară doar în paginile postărilor. Tutorial scris aici.

Scoate bara de navigatie de pe Blogger - Link spre video
Dacă încă mai folosiți un șablon care permite bării de navigație să apară, atunci acest video vă arată cum s-o scoateți.

Adauga caseta Facebook "Îmi place" pe blogul tau - Link spre video
Un video care vă arată cu să puneți widget-ul "Îmi place" pe blog. Filmulețul este vechi și s-ar putea să nu mai fie valabil.

Adaugare link oriunde in meniul paginilor statice - Link spre video
Un video care vă arată cum să adăugați link-uri în meniul din gadgetul Pagini. Un video vechi pe care sperăm să-l actualizăm curând.

Comentariul autorului de blog pe alta culoare de fundal in Blogger - Link spre video
Un tutorial destul de tehnic despre modificarea culorii de fundal la comentariul autorului de blog. Filmulețul este vechi și nu stim dacă modificările mai pot fi realizate.Tutorialul scris aici.

Cum sa pui un favicon pe Blogger - Link spre video
Acest video vă arată cum să puneți un favicon pe blog modificând codul HTML.  Tutorialul scris aici.

Cum sa schimbi un sablon pe Blogger - Link spre video
Un video care vă arată cum să schimbați un șablon pe blogger blogspot. Un video vechi pe care sperăm să-l actualizăm curând. Tutorialul scris aici.

Noua interfata Blogger - Link spre video
Un video care prezenta noua interfață acum câțiva ani.

Optiune noua Favicon pe blogger - Link spre video
Un video care prezenta opțiunea introdusă de Blogger ce permitea adaugarea faviconului fără a modifica codul HTML. Un video actualizat îl găsiți mai sus.

Vizualizari dinamice ale blogurilor Blogger - Blogspot - Link spre video
 Un video care prezenta noile șabloane dinamice introduse de blogger.