Dakle, uz pomoć Jquery-a možemo napraviti jedan sasvim jednostavan vidžit (eng. widget) za posetioce bloga pomoću kojeg mogu menjati pozadinu.

Na slici levo ja sam za primer uzeo obične linkove i samo 3 boje, vi možete ubaciti sličice i koliko hoćete boja. Ali za to će vam biti potrebno malo kodiranja.

Da počnemo.

1. Idite u Šablon i sačuvajte postojeći šablon
2. Štiklirajte kućicu pored:  „Proširi šablone vidžeta“

3. Pronađite (Ctrl+F) u šablonu liniju: ]]></b:skin>
4. Pre ove linije, dodajte ovaj kod:
.bg1 { background: url(BG IMAGE URL) repeat-x; background-color: #FFFFFF; }
.bg2 { background: url(BG IMAGE URL) repeat-x; background-color: #5A2A00; }
.bg3 { background: url(BG IMAGE URL) repeat-x; background-color: #00345B; }

U ovom kodu možete menjati samo boje a to su ovi brojevi na kraju (#FFFFFF).

5. Nadjite sledeće:  </head>
6. Pre ove linije kopirajte kod koji možete videti OVDE.

Ovde ništa ne menjajte.

7. Sad dodajte prost html kod u vaš Vidžit ili u nekom postu itd..

Pogledaj Kod OVDE.

Ovde menjate reč na kraju reda, odnosno, upišite ime boje koju ste uneli u prvom kodu.

Ako vam nije jasno:

Ako smo npr. u prvom kodu u prvoj liniji uneli boju #FFFFFF onda ćemo u prvoj liniji kucati

<li><a href=“#“>Bela</a></li>

Jer kod #FFFFFF daje belu boju.

PREGLED