GOOGLE

This is Da' Place for Rest


16.08.2006.

Kreirajte svoj blog

Dugo sam razmisljao kakav post da napisem da vas barem nakratko privucem (navucem) na svoj blog.
Odlucih napraviti slijedeci korak. Sa obzrom da je laik sa svojim blogom na kojem se nalaze uputstva za izmjenu html code-a privukao dosta posjetilaca ucinit cu nesto slicno.

Napisat cu tutorial (kratko uputstvo) o kreiranju sopstvenog dizajna bloga.

Pocetak bi bio da otprilike razmislite kako bi zeljeli da izgleda vas blog.
Sa obzirom da je web prepun razlicitih ideja mislim da vam nece biti problem odluciti se.
Ja sam za svoje prijasnje izglede bloga inspiraciju trazio na sajtu coolhomepages.com.
Ako zelite bas nesto extra preporucujem vam da odete na google i ukucate "free templates" nakon cega ce vam google pronaci oko 210,000,000 rezultata pretrage.
Vi otvorite nekoliko prvih rezultata i pronadjite sajt za sebe. Ja vam preporucujem sajt freewebtemplates.com/

Nakon sto downloadjete neki template (koji obicno dodje u .rar odnosno .zip formatu) otpakujte ga (odrarujte, unzipujte,...).
Obicno dodju 1 .html fajl i jedan folder u kojem su smjestene slike vaseg buduceg bloga.
Da biste ovom template-u dodijelili funkciju bloga potreban vam je bilo koji program za izradu web stranica.
Preporucujem ili Frontpage koji dodje na Office CD-u ili Dreamweaver (program kompanije Macromedia koji mozete skinuti sa njihovog oficijelnog sajta macromedia.com)

Nakon nabavke tih programa slijedecih programa, prelazite na editovanje template-a, odnosno dizajna bloga.
Nakon sto otvorite jedan od tih programa, idete File --> Open (Ctrl O) i izaberete .html dokument vaseg bloga, nakon cega ce vas blog biti ucitan u program sa svim slikama i tekstom.

Ako neke slike na template-u smatrate nepotrebnim, brisete ih lagano. Sve sto je potrebno jeste lijevi klik misa na sliku i klik na dugme delete na tastaturi.
Vecina template-a je podijeljena u dvije kolone. Glavnu (vecu) kolonu cemo koristiti za prikaz postova na blogu dok cemo drugu (manju) kolonu koristiti za prikaz logo-a, kalendara, brojaca posjeta i boxeva vaseg bloga.
Ako zelite da mijenjate postojece slike na vasem blogu, otvorite folder u kojem se nalaze slike, zatim sliku koju zelite das mijenjate otvorite u nekom editoru (nprL Paint, Photoshop, Corel,...) i izmijenite je. Ako radite grafiku (sliku) iznova pazite jer extenzija, ima i velizina slike treba da budu iste kao kod slike koju mijenjate inace se slika ili
nece prikazati ili ce narusavati izgled bloga.

Ako ste otprilike zadovoljni dizajnom svog bloga mozem poceti sa osposobljavanjem za prikaz na bloggeru.
Vecina posla je zavrsena, sve sto je jos potrebno jeste postaviti odredjeni text koji ce osposobiti vas blog.

Ukupno treba postaviti 14 linija teksta. Od toga 12 linija stavljamo u sporednu (manju) kolonu i na mjestu tog teksta ce se prikazivati kalendar, logo, brojac posjeta i boxevi, dok ce se u vecoj (glavnoj) koloni prikazivati postovi.

Pocnimo sa dodavanjem teksta:
NAPOMENA: tekst koji trebate dodati u template je pisan sa slobodnim mjestima izmedju slova i zagrada, jer bi se inace u postu kada budem objavio ovaj tekst prikazivali boxevi.

Sporedna kolona === dodaj slijedeci tekst jedan ispod drugog
{ L o g o }
{ K a l e n d a r }
{ B o x 1 N a s l o v }
{ B o x 1 S a d r z a j }
{ B o x 2 N a s l o v }
{ B o x 2 S a d r z a j }
{ B o x 3 N a s l o v }
{ B o x 3 S a d r z a j }
{ B o x 4 N a s l o v }
{ B o x 4 S a d r z a j }
{ B o x 5 N a s l o v }
{ B o x 5 S a d r z a j }
{ C o u n t e r }

Glavna kolona === dodaj slijedeci text
{ P o s t o v i }


U slucaju da nemate slika na vasem blogu, vi ste zavrsili vas blog, scrollajte do dna ovog komentara i vidite uputstvo za finalizaciju vaseg bloga.

Ako na vasem blogu postoje neke slike, imate jos malo posla.
Trebvate naci nekakav free hosting (hosting predstavlja web prostor na koji uploadujete slike i ostale fajlove koji cine vas sajt)
Preporucujem vam 100webspace.com ili cjb.net.
Nakon sto kreirate hosting npr. www.vase_ime.cjb.net
Ponovo idite u Frontpage ili Dreamweaver (zavisi u kojem ste programu do sada radili) i pri vrhu kod DreamWeaver-a ili pri dnu kod Frontpage-a ima nalazi se button na kojem pise "Code" kliknite na njega.
U mom slucaju, sajt koji sam skinuo imao je 2 fajla: index.html i folder u kojem su smjestene slike, a zvao se index_files.
Bilo koja slika koju nadjem u code-u bila bi otprilike ovako ispisana "index_files/ime_slike.gif" (bez ovih navodnika).
Na ovom primjeru uzet cemo da je i kod vas slicna situacija i da se slike nalaze u folderu index_files.
Dok ste u code-u pritisnite kombinaciju tipki Ctrl H ili Ctrl F ili manualno Edit --> Replace.
Pojavit ce vam se 2 polja za ubnos teksta: "Find" i "Replace".

U 'Find" upisite "index_files/" )
NAPOMENA: bez " " i ne zaboravite ukucati / na kraju

U "Replace" upisite "http://www.vase_ime.cjb.net/"
NAPOMENA: bez " " i ne zaboravite ukucati / na kraju, i ovo je u slucaju da ste kreirali host na sajtu cjb.net

=============
FINALIZACIJA
=============

Zatim idite na svoj blog na netu i nadjite gdje se mijenja HTML, zatim citav tekst pobrisite i kopirajte svoj koji se pojavi nakon sto kliknete na button "Code", i vas blog bi trebao raditi.

GOOGLE
<< 08/2006 >>
nedponutosricetpetsub
0102030405
06070809101112
13141516171819
20212223242526
2728293031


Biografija :

Izdvajam !
Pozadina bloga
Uputstvo za izmjene pozadine na vašem blogu.
YouTube na Blogu
Kratko objašnjenje za postavljanje videa na blog
Rivalstvo blog sistema
Prednosti, mane i verdikt o BIH blog sistemima
Kreirajte svoj blog
Kompletno uputstvo za kreiranje sopstevnog dizajna za blog
Instalacija foruma
Detaljno uputstvo za instaliranje foruma na vas sajt
Lightbox galerija
Postavljanje odlicne galerije na blogg
Music player
Postavljanje odlicnog playera na vas blog
FTP
Opsirno uputstvo za ostvarenje FTP konekcije sa hostom.
Uredite post
Uredite dizajn svog posta, dodajte mu sitne stvari koje mnogo znače.

Cilj :
Voditi World Wide Web do njegovog maksimalnog potencijala razvijajući protokole i smjernice koje osiguravaju dugotrajni rast Weba.

Imati kompaktan blog dizajn sa internim CSS-om i bez ikakvih slika kako bih poboljšao efikasnot bloga.

Kontakt :
mensurh at gmail dot com

Sve postojeće primjedbe ili sugestije u cilju bolje organizovanosti i veče posjećenosti bloga šaljite na mail. Također mail ima net passport tako da ga koristim i kao msn a većinu vremena sam online. Mail je malo zamaskiran tako da ono >at< predstavlja >@< , a ono >dot< predstavlja >.< .

MOJI FAVORITI

BROJAČ POSJETA
28415

Powered by Blogger.ba