субота, 28. мај 2011.

Gadžet: Proklizaj na početak!

Vlasnici blogova se trude da čitaocima svog bloga prenesu što više informacija, a da bi to uradili primenjuju različite dodatke u blogovima. Npr. kod mene u blogu postoji veza na nekoliko članaka po sličnosti – sličice ispod svakog članka, koje su veza na neki drugi članak, zatim tu su oznake (rubrike, kategorije, tagovi), tj. dodala sam gadžet Oznake, da bi čitaoci lakše pronašli i druge članke slične tematike, pošto Blogger omogućuje dodavanje stranica, radi lakše navigacije i pronalaženja članaka, napravila sam stranicu Sadržaj,...
.
Postoji veoma veliki broj načina i dodataka, pomoću kojih se čitaoci mogu zadržati na blogu i svaki autor bira one za koje misli da su najvažniji. Neki autori imaju više umetničkog talenta i onda su ti dodaci interesantni i privlačni.
.
Iako sam malo lenja da i sama tako detaljno uređujem blog, volim da vidim u drugim blogovima interesantna rešenja i zato povremeno zavirim u arhivu bloga, koji predlaže zanimljive tutorijale o veb-dizajnu. Dopao mi se tutorijal o klizanju stranice (skrolovanju), kada čitalac, na kraju članka, klikne na vezu „Na početak“ („Back to top“) ili na stelicu pored nje (tj. čitalac se jednim klikom vraća na mesto gde se nalazi glavni meni), proklizava na početak, a veza „Back to top“ se premešta zajedno sa klizanjem stranice.
Ako imate blog na Blogger, a ne želite da se udubljujete u skripta ili jQuery u http://webdesignerwall.com, možete lako postaviti i „običnu“ vezu „Na početak“. Nju možete dodati pomoću gadžeta HTML/JavaScript. U njega treba staviti kod:
.
<div id='back-top'><a href='#top'><span></span>Na početak</a></div>
.
I onda samo treba gadžet da postavite ispod gadžeta “Članci” u odeljku “Dizajn”.
.

7 коментара :

Анониман је рекао...

Da nema neke greške u ovom kodu? Pokušao sam sa ga postavim, ali ne funkcioniše. Verovatno je do mene, pošto baš i nisam vešt sa ovim kodovima. Šta treba učiniti da se umesto teksta postavi neka sličica na čiji klik bi se proklizavalo na vrh strane? Hvala unapred.

Snelle је рекао...

Kod je dobar (uvek ih proveravam pre objavljivanja). Blogger je ovih dana u velikoj transformajici i mnoge stvari ne funkcionišu. Sačekaj par dana, pa probaj ponovo.

Za sličicu moraš malo da se udubiš u kod, a to ima na ovom sajtu, na koji sam dala vezu.

Анониман је рекао...

Izgleda da nije ni do koda ni do bloggera već do mene odnosno do podešavanja Firefox-a. Kada otvorim blog u Chromu i kliknem na link sve funkcioniše, međutim u Firefoxu ne funkcioniše. Veliki pozdrav i hvala.

Krojf је рекао...

Skripti nedostaje deo koji odredjuje poziciju button-a npr. neshto ovako mozda?

position:fixed;bottom:5px;right:10px;

Snelle је рекао...

U Blogger-u to nije neophodno

nf* је рекао...

Sa duznim poshtovanjem, floating button skriptu koju ste prikazali u postu mozete postaviti kao gadzet chime ste ogranicheni na sredinu stranice, ako postupimo po vasem objashnjenju, zatim na bocne kolone, ili footer gde se najcheshce postavlja (uz krajnju levu ili desnu ivicu)- samo pojavljivanje dugmeta bice uslovljeno shablonom shto znachi po RND izboru moze se pojaviti (samo skriptu tablice ili okvira gadzeta kada gledamo) levo, desno ili u sredini - kompatibilnosti sa browserima da ne pominjemo. Blogger sevis ne diktira tachnu poziciju dugmeta - chak shta vishe zna ponekad` da nas "iznenadi" svojim bug-ovima po chemu je poznat (i sam ga koristim) ali dzabe je i nije komplikovan. Puno uspeha u daljem radu.

Snelle је рекао...

Da, to je sve tačno. Hvala na tako detaljnom i iscrpnom pojašnjenju. Kad bolje razmislim, možda je Krojf i u pravu, možda sam mogla dodati i poziciju:)

Međutim, za početnike (sa kojima ja radim) to nije tako važno (levo, desno, sredina - svejedno) i zato sam napisala mesto na koje treba da stave gadžet. Jedan od njih mi je rekao: "Članak ti je dobar ako mi u njemu kažeš i prstom pokažeš". Pa, to je to!

Aaaa, sad vidim da si napisao članak sa boljom skriptom. Pa što ne ostavi vezu na njega?!

Evo veze na članak sa boljom skriptom:
http://blogtrikovi.blogspot.com/2011/08/kako-postaviti-dugme-povratak-na-vrh.html

Постави коментар