Professional Documents
Culture Documents
uputstvo
podrska@yunethosting.com
www.yunethosting.com
Sadraj
STEP1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Podeavanja postojeeg template-a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
5
5
STEP 2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Podeavanja Header-a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Podeavanja Navigation-a (Navigacionog Menija) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Podeavanja Content-a (Sadraja) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Podeavanja Body Background (Pozadine Tela sajta) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Podeavanja mobilne verzije sajta . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Podeavanja Head Tag-a, Body Tag-a i CSS vrednosti . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
10
10
17
21
26
28
31
STEP 3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Podeavanja stranica . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Link and Target podeavanja . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Podeavanja Member Page-a (prostora za lanove) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Podeavanja online formulara . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Podeavanja blokova (Website Block Setting) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Podeavanja stranica . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Podeavanja Email sistema . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Dodavanje velikih slika/medija sadraja preko FTP-a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Kako da prilagodite Created by i Powered by ikone . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Verifikujte se na Google-u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Kako da unesete Keyword u Title Tag-u za Search programe . . . . . . . . . . . . . . . . . . . . . . . . . . .
Kako da insertujete "Google Analytic Tracking Code" pre zatvarajueg (closing)
<head> tag-a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Dodavanje Google Adsense . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
34
34
39
42
46
51
56
60
62
66
67
70
72
75
strana 1
strana 2
strana 3
strana 4
STEP1:
Podeavanja postojeeg template-a
1. Prevucite miem preko template-a koji elite da modifikujete i kliknite na opciju Download.
strana 5
3. Idite u folder u kojem ste sauvali template i ekstraktujte downloadovan fajl. Potrebno je da na
vaem raunaru posedujete program koji moe da ekstraktuje .tar.gz fajlove.
strana 6
5. U folderu images, naite sliku koju elite da izmenite. Kada tu sliku ili slike modifikujete, potrebno je
vratiti ih u istom redu u ovaj folder, tako da redosled fajlova ostaje isti.
6. Vratite se unazad, i zipujte folder u kome se nalazi sadraj koji ste modifikovali. RV Site Builder
podrava .zip i . tar.gz vrste fajlova.
strana 7
7. Da bi dodali i koristili izmenjen template, potrebno je importovati zipovan folder u bazu. Kliknite na
opciju Import template na Step1 ekranu:
strana 8
10. Na sledeem ekranu se moete vratiti nazad na galeriju template-a, pregledati postojei ili izabrati
eljeni template i otii na sledei korak Step2.
strana 9
STEP 2:
Podeavanja Header-a
Potrebno je doi sledeim redom do podeavanja za Header:
STEP1 -> Create DIY Template -> STEP2 -> Header
Nakon toga, skrolujte stranicu na dole i kliknite na padajui meni pod imenom Header.
strana 10
1. Da bi ste podesili poziciju glavnog navigacionog menija kliknite na padajui meni u podkategoriji
Header Menus:
strana 11
3. U podkategoriji Header Banner moete dodati, izbrisati ili modifikovati banner. Kliknite na Edit
dugme da modifikujete sliku ili na Delete dugme da je obriete.
U sledeem prozoru moete dodati fajl sa vaeg raunara preko opcije Choose File ili fajl koji ve
postoji u bazi RV Site Builder-a preko opcije Image Library.
Podrani formati su: .gif, .jpg, .jpeg, .png. Preporuljiva rezolucija slike za banner je 940x450, ali
ukoliko dodate veu sliku, program e je automatski prebaciti u adekvatnu rezoluciju.
strana 12
4. Da bi ubacili dodatni tekst u prostor header-a, kliknite na dugme Insert Text u podkategoriji
Branding.
Upiite eljeni tekst u prozoru koji se otvara, i kada ste zadovoljni kliknite na opciju save:
strana 13
Tekst koji je ovde uneli mogue je ponovo modifikovati klikom na opciju Edit, brisati klikom na opciju
Delete ili zakljuati na toj poziciji klikom na opciju Lock:
5. Moete dodati i sopstvenu sliku na header preko Upload Image opcije u podkategoriji Branding:
strana 14
U prozoru koji sledi imate mogunost da dodate sliku preko URL linka kopirajui link u naznaen
prostor, sa vaeg raunara preko Upload Image opcije ili iz galerije slika RV Site Buildera preko
opcije Image Library.
strana 15
Sliku koju dodate moete da smestite u novi ili postojei prozor klikom na padajui meni Open on:
Podrani formati su: .gif, .jpg, .jpeg, .png. Ukoliko linkujete sliku direktno sa Interneta preko njenog
URL-a, unesite eljeni link tako da prefiks bude http:// ili https://.
Kada dodate sliku koju ste eleli, moete je ubaciti na veb prezentaciju u postojeoj ili prilagoenoj
rezoluciji. Ako elite da se rezolucija slike automatski prilagodi kliknite na dugme Auto resize.
Ukoliko ste zadovoljni svojim izborom kliknite na dugme Ok pri dnu stranice:
strana 16
Nakon toga, skrolujte stranicu na dole i kliknite na padajui meni pod imenom Navigation.
strana 17
1. Da bi promenili stil navigacionog menija, kliknite na padajui meni Navigation style i izaberite neku
od ponuenih opcija:
2. Da bi promenili poziciju navigacionog menija, kliknite na padajui meni Navigation align i izaberite
neku od ponuenih opcija:
strana 18
3. Da bi promenili boju navigacionog menija, izaberite eljenu boju iz palete u podkategoriji Select
Color Tone:
4. Za detaljnija podeavanja boje, fonta, pozadine ili ivica kliknite na opciju Advanced.
strana 19
Kada ste zadovoljni sa izabranim promenama, kliknite na dugme Update Main menu.
strana 20
Nakon toga, skrolujte stranicu na dole i kliknite na padajui meni pod imenom Content.
strana 21
1. Ovde moete menjati postojei font, kao i dodati novi font preko opcije Add new font.
strana 22
Novi prozor sa opcijama za dodavanje sopstvenog fonta e se pojaviti. Va font unesite u prazno
polje na dnu prozora:
Dodajte eljeni font sa kopirajui ga sa vaeg raunara koristei neki od programa (npr. Microsoft
Word):
strana 23
Po zavretku kopiranja u prazno polje, kliknite na Plus dugme da bi se font uspeno dodao:
2. Moete podeavati razmak izmeu redova preko opcije Line Spacing odabirom jedne od vrednosti
padajueg menija:
strana 24
3. Moete menjati font hyperlinkova na veb stranici preko opcija iz podkategorije Hyperlink Style:
strana 25
Nakon toga, skrolujte stranicu na dole i kliknite na padajui meni pod imenom Website Settings.
strana 26
Da bi izmenili boju pozadine, kliknite na prozor sa pregledom boje i izaberite eljenu iz ponuenog
spektra. Kada ste zadovoljni svojim izborom, kliknite na opciju OK u donjem desnom uglu ovog prozora
kako bi sauvali promene.
strana 27
Nakon toga, skrolujte stranicu na dole i kliknite na padajui meni pod imenom Website Settings.
strana 28
2. Da bi ste promenili boju teksta ili zaglavlja, kliknite na prozor sa pregledom boje i izaberite eljenu
iz ponuenog spektra. Kada ste zadovoljni svojim izborom, kliknite na opciju OK u donjem desnom
uglu ovog prozora kako bi sauvali promene.
strana 29
3. Da bi ste otkrili/sakrili odreene kategorije na mobilnoj verziji web prezentacije, triklirajte kutiju
pored eljene kategorije:
strana 30
Nakon toga, skrolujte stranicu na dole i kliknite na padajui meni pod imenom Site Properties.
Ovde moete menjati Head tag, Body tag i CSS karakteristike:
strana 31
1. Kada kliknete na dugme Edit Head tag, moete dodati tag-ove za vau veb stranicu. Kada ste
zadovoljni vaim izborom, kliknite na Update dugme.
2. U Edit Body tag prozoru moete izabrati atribut za koga elite da dodate odreenu vrednost preko
attribute padajueg menija, i dodati taj atribut veb stranci preko Add dugmeta. Kada ste zadovoljni
vaim izborom, kliknite na Close dugme.
strana 32
3. U Edit CSS prozoru moete unositi sopstvene vrednosti za CSS. Kada ste zadovoljni vaim izborom,
kliknite na Update dugme.
Head Tag, Body Tag i CSS vrednosti koje podesite ovde imae efekat na celoj stranici.
strana 33
STEP 3:
Podeavanja stranica
Podeavanja sadraja Navigacionog menija nalaze se u okviru Pages strane STEP3 koraka:
strana 34
strana 35
2. Podeavanja Page Layout-a za nove strane pojedinanih stavki Navigacionog Menija moete izvriti
preko Edit dugmeta:
Kada odaberete izgled stranice u zavisnosti od broja kolona koje elite, kliknite na opciju Select
ispod izabranog template-a:
strana 36
3. Moete izabrati akciju koja e se izvriti kada se klikne na datu stavku Navigacionog menija preko
Select Page Option padajueg menija koji odgovara toj stavki:
4. Da izbriete odreenu stavku Navigacionog menija, kliknite na Delete opciju koja odgovara toj
stavki. Jedna stavka koja ne moe biti obrisana na ovakav nain je Home:
strana 37
Pojavie se nov prozor u kome moete podeavati nivoe stranica. Stranicu moete pomerati na
gore ili na dole, kao i izmeu podnivoa i glavnog nivoa:
strana 38
Linkovana strana prikazuje se sa sadanjim template-om u novom prozoru. Moete podeavati opcije
prikazivanja kako elite:
strana 39
Povezana stranica prikazae se sa eksternim linkom u novom prozoru. Moete podeavati opcije
prikazivanja kako elite:
strana 40
strana 41
strana 42
4. Na zavrenoj strani pojavie se login blok na stranicama koje ste podesili kao Member stranice:
strana 43
strana 44
8. Ne zaboravite da naznaite neophodna polja * . Moete ili samostalno napraviti usera za lana, ili
prepustiti njima da naprave svoj nalog registracijom.
strana 45
2. U prozoru koji e se otvoriti moete upisati svoje podatke, kao i dodavati dodatne elemente u
kontakt formular pomou alata koji su locirani na desnom delu stranice:
strana 46
3. Preko Power Tools opcije moete dodati razne alate po vaoj potrebi. Potrebno je dati alat sa
desne strane prevui u glavni prozor na odgovarajuu poziciju:
strana 47
4. Klikom na prostor oko alata, otvara se opcija njegovog editovanja ili brisanja:
strana 48
5. Pay Pal alat za elektronsko plaanje moete ubaciti preko Payement Tools opcije po istom principu
prevlaenja na stranicu. Kada zavrite podeavanje pomou Wizarda, uspeno ste ubacili Pay Pal na
va sajt:
6. Da podesite irinu, naslov, font itd... vaeg formulara kliknite na Form Properties dugme:
strana 49
7. Promene koje ste ovde uneli moete sauvati klikom na opciju Save, sauvati i pregledati klikom na
opciju Save and Preview.
U prozoru koji se otvara moete detaljno podesiti temu vaeg formulara. Kada ste zadovoljni vaim
izborom, kliknite na Save dugme.
strana 50
2. Kliknite na blok sa plus ikonom (+) da dodate objekte koji e se pojaviti u tom bloku:
strana 51
strana 52
4. Kada ste zavrili sa podeavanjem ovog bloka, npr. unoenje hiperlinkova u sliku, nazovite va blok
u polju Block Name i kliknite Save.
strana 53
6. Ako elite da pomerate blokove, samo ih prevucite na eljenu poziciju i pustite taster mia:
strana 54
strana 55
Podeavanja stranica
1. Dodatna podeavanja stranica nalaze se na stranici Extras u okviru STEP3 koraka.
Podeavanja vezana za imena stranica moete nai u okviru Page Title podmenija na Extras stranici:
strana 56
Podeavanja Meta tagova za svaku pojedinanu stranu vae prezentacije moete nai u okviru
Meta Tags podmenija na Extras stranici:
Podeavanja efekata za svaku pojedinanu stranu vae prezentacije moete nai u okviru Page
Effects podmenija na Extras stranici.
strana 57
Moete dodati efekat za otvaranje veb stranice preko padajueg menija u okviru Website Opening
sekcije:
Za dodavanje efekata pojedinanih stranica i biranje njihovog trajanja, izaberite neku od opcija sa
padajueg menija za odgovarajuu stranu. Page Effects opcija radi samo u okviru Internet Explorer
(IE) browsera.
strana 58
Podeavanja page file name-a za svaku pojedinanu stranu vae prezentacije moete nai u okviru
Page File Name podmenija na Extras stranici.
Da promenite page file name za odgovarajuu stranicu, unesite novo ime u prazno polje sa desne
strane te stranice:
strana 59
1. Tip email servisa birate klikom na padajui meni u okviru Email System kategorije:
strana 60
2. Opcije vezano za saglasnost sa EU Cookies Law moete izabrati u okviru Login Template
kategorije:
strana 61
1. Unesite adresu servera i login podatke u oznaena polja i kliknite na opciju Quickconnect:
strana 62
strana 63
6. U folderu Personal Images naiete vae uploadovane slike. Kliknite na neku od njih da ih obeleite,
a zatim na Insert dugme:
strana 64
8. U folderu Personal Media naiete vae uploadovane media fajlove. Kliknite na neki od njih da ih
obeleite, a zatim na Insert dugme:
strana 65
strana 66
Verifikujte se na Google-u
Postoji mnogo naina da Google sazna za va website, a verifikovanje Googla u Meta tag-u je jedan od
njih.
1.
Idite na Google.com (ili lokalnu verziju npr: Google.rs) i kliknite na Sign In dugme:
2. Kada ste se sign-ovali na svoj Google nalog, ukucajte u search prostor Google Webmaster Tools:
strana 67
5. Alternativan metod je dodavanje HTML taga (Meta taga na homepage vaeg web sajta). Potrebno
je kopirati Meta tag u <head> sekciju, pre prve <body> sekcije:
strana 68
6. Idite na Edit Head tag podmeni u okviru STEP2 koraka. Nakon toga, prekopirajte Meta tag koji vam
je dat u Meta Keyword prostor i kliknite Update:
strana 69
strana 70
4. Kada kliknete na preview vae stranice, uoiete vae tag-ove upisane na vrhu stranice vaeg
browsera, odmah iznad adrese web sajta:
5. Title tagove moete videti i u okviru View Page Source funkcije na svakoj (pa i vaoj) web stranici.
Kliknite desnim dugmetom mia na prazan prostor vae stranice i otvorie vam se sledei ekran u
kome moete videti title:
strana 71
2. Ispratite korake prijavljivanja novog naloga (poinje sa unoenjem URL vaeg web sajta i zavrava
se sa unoenjem vae vremenske zone) :
strana 72
strana 73
6. Status pokazuje Tracking not installed, jer i dalje nije unet source kod Google analytics-a ispred
<head> tag-a. Skrolujte na dno strane i kopirajte kod pre nego to se vratite u RV Site Builder:
7. Ako elite da dodate Google Analytic Tracking Code pre closing <head> tag-a, morate da
downloadujete template na va raunar, dodate kod i nakon toga ga uploadujete ponovo.
8. Va status e se promeniti u Checkmark znak (tikliranje) nakon jednog dana, pa nakon toga
moete i proveriti User view u okviru Google Analytics-a.
strana 74
2. Ako elite da dodate Google Adsense na pojedinanu stranu, idite na Step 3 >> WYSIWYG stanice
koje elite >> prebacite na "Source view" , i dodajte kod u nju.
strana 75