sâmbătă, 21 mai 2011

Meniu derulant pentru widgetul etichete

Printre cele mai des intalnite si utilizate widgeturi este si widgetul Etichete (Labels).
Pentru organizarea eficienta a unui blog, fiecarui post ar trebui sa i se atribuie o eticheta (se pot aplica si mai multe).
Rolul widgetului Etichete este de a afisa toate etichetele folosite pe blogul respectiv, iar atunci cand este selectata o eticheta anume, vor fi afisate toate posturile cu eticheta respectiva.
Odata cu cresterea numarului de posturi, automat se va extinde si lista de etichete, putand sa ocupe un spatiu destul de insemnat pe blogul tau.

Prin parcurgerea acestui tutorial vei invata cum sa modifici widgetul etichete astfel incat sa afiseze etichetele intr-un meniu derulant.




Adauga pe blog widgetul Etichete

  1. Te conectezi la contul de Blogger -> Design -> Elemente de pagina;
  2. In functie de locul pe blog unde vrei sa apara widgetul, selecteaza Adaugati un obiect gadget si apoi Etichete;

Crearea meniului derulant

  1. Daca ai deja widgetul etichete pus pe blog nu mai sunt necesari pasii anteriori;
  2. Fa-ti o copie de siguranta a sablonului;
  3. Cauta in codul sablonului linia:
    1<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
  4. Inlocuieste linia cautata anterior cu urmatorul cod:
    01<b:widget id='Label1' locked='false' title='Labels' type='Label'>
    02<b:includable id='main'>
    03<b:if cond='data:title'>
    04<h2><data:title/></h2>
    05</b:if>
    06<div class='widget-content'>
    07<select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'>
    08<option>Alege o eticheta</option>
    09<b:loop values='data:labels' var='label'>
    10<option expr:value='data:label.url'><data:label.name/>
    11(<data:label.count/>)
    12</option>
    13</b:loop>
    14</select>
    15<b:include name='quickedit'/>
    16</div>
    17</b:includable>
    18</b:widget>
Poti aduce urmatoarele modificari:
  • latimea meniului din 100% cu o alta valoarea - linia 7;
  • in loc de "Alege o eticheta" poti introduce un mesaj dorit de tine - linia 8;
  • daca nu vrei sa apara numarul de posturi in dreptul etichetei sterge linia 11;

0 comentarii:

Trimiteți un comentariu

Alex. Un produs Blogger.
 
Copyright © 2011
Tutoriale-blog by Alex