Prilagodba s BlogSkinsa - Blog-Help ~ tutorijali & blog predlošci ~ Anna Mortis - Blog.hr

Arhiva tutorijala

O HTML-u i CSS-u
Izrada blog predloška
Prilagodba s BlogSkinsa
Izrada Photoshop brusheva
Dizajn headera predloška
Slike na blogu
Video na blogu
Glazba na blogu
Ankete na blogu
Optimizacija slika
Dodavanje favicona
Mijenjanje kursora
Upload podataka

Pročitajte i:

FAQ
Korisni linkovi
Linkovi dizajnera na Blog.hr-u
Nekoliko savjeta za dizajnere

Download

Blog predlošci
HTML kodovi
Korisni programi

Blog - help

Pinboard
Anna Mortis
Banneri
Uvjeti korištenja
Kontakt
Pitanja, prijedlozi, komentari

Prilagodba s BlogSkinsa

Dobila sam nekoliko molbi za pisanje tutorijala o prilagodbi predložaka s BlogSkinsa za Blog.hr. Tom je već napisao taj tutorijal, ali nije dobro objasnio. Sad ću ja pokušati isto.

Krenimo s prilagođavanjem.

Za početak, posjetite stranicu BlogSkins.com i odaberite predložak koji želite prilagoditi. Preporučam da potražite predložak iz kategorije div jer se najlakše prilagođavaju. Takvi predlošci obično imaju dva (rjeđe tri) stupca sa slikom na vrhu.

Otvorite prikaz predloška s linkovima za download, opisom dotičnog i drugim podacima. Scrollajte niže stranicom i pronađite dolje prikazani okvir. Tamo se nalaze linkovi za download HTML koda predloška. Odaberite prvi, Blogger main.

Photobucket

Otvorite downloadani tekstni dokument u kojemu se nalazi HTML kod. Cijelog ga kopirajte u blogeditor na probnom blogu. Bilo bi dobro da prije kopiranja napišete bilo kakav tekst u boxeve i jedan do dva posta jer će vam kasnije poslužiti za provjeru jeste li sve napravili kako treba. Također, mislim kako ne moram naglašavati da, ako ste na probnom blogu imali neki drugi predložak, spremite u računalo HTML kod starog predloška, za slučaj da sve poremetite, izgubite i da vam ništa ne uspije.

Spremite promjene i pođite na dotičan probni blog. Ukoliko želite, možete napraviti i screenshot, ali nije neophodno. Ovaj je korak potreban jer će vam slika rasporeda sadržaja, primijenjena na stranici, koristiti kod izmjene koda.

Downloadajte sistemske kodove Blog.hr-a jer će vam trebati u daljnjim uputama.

U sljedećem dijelu vas ne mogu voditi za ruku, jer učinkovitost uputa koje ću sad napisati ponajprije ovisi o vama i vašoj sposobnosti, da tako kažem, orijentacije u HTML kodu.

Najprije na screenshotu ili na probnom blogu potražite mjesto ili stupac predviđen za postove i pročitajte sadržaj koji tamo piše. Najčešće su napisane pjesme ili tekstovi u vezi teme slike predloška koji prilagođavate. Zatim tekst takvog sadržaja potražite u HTML kodu. Kada ga nađete, pobrišite sav taj tekst i zalijepite dio sistemskih kodova Blog.hr-a predviđen za postove (istaknula sam to u tekstnom dokumentu koji ste downloadali).

Spremite promjene i refreshajte (CTRL + F5) probni blog. Ako vam se umjesto prijašnjeg teksta ili pjesme sada pojavljuje sadržaj posta koji ste prije kopiranja napisali, ovaj ste korak uspješno obavili, a ako nije tako, pažljivije pročitajte tekst i ponovite postupak dok ne uspijete.

Za sadržaj boxeva potrebno je ponoviti postupak kao i s postovima. Bitno je jedino naglasiti kako ćete boxeve morati mijenjati jednog po jednog, i umjesto postojećih naslova boxeva ubacivati Blog.hr kod za naslove boxeva.

Ako na predlošku kojeg prilagođavate postoji više od četiri boxa, razlomite sadržaj u više dijelova, primjerice kalendar i logo postavite u zasebne boxeve, ili višak jednostavno obrišite, a ako ih je manje od četiri, ugurajte, primjerice, po dva boxa zajedno. Ovo su više logički problemi i mislim da maloprije navedeno nisam ni morala objašnjavati.

Kada ste obavili sve što je bilo potrebno, ponovno spremite promjene i refreshajte probni blog. Ukoliko se sada umjesto prijašnjeg sadržaja na blogu nalazi sadržaj koji ste vi napisali, napravili ste sve kako treba. U slučaju suprotnog, ponovno pažljivije pročitajte tekst i ponovite postupak.

P.S.
Ukoliko namjeravate prilagođavati predloške i objavljivati ih za download, savjetujem da se ne potpisujete na predložak. To je potpuna glupost jer ga vi apsolutno niste radili, a zamijeniti kodove može svatko. Također, ako koristite prerađene HTML ''kosture'', naglasite autora na predlošku, jer malo izmjene nije vaš rad.



- Komentari -
- Vrh posta -
- Vrh stranice -
Sadržaj ove stranice je autorski rad. Sva prava pridržana.
Copyright © 2008.-2010. Anna Mortis