GOOGLE

This is Da' Place for Rest


16.08.2006.

Lightbox galerija

Danas cemo predstavljatii projekat sajta huddletogether.com koji nije bas aktivan sajt, ali sa vremena na vrijeme izda poneki projekat.
Do sada su izdata dva projekta, slicna, jer se radi o prvoj i drugoj verziji galerije pod nazivom Lightbox.
Demo galerije mozete vidjeti na slijedecem linku: http://www.huddletogether.com/projects/lightbox2/

Galeriju mozete skinuti sa oficijelnog sajta, odnosno klikom na slijedeci link: http://www.huddletogether.com/projects/lightbox2/lightbox2.02.zip
Naime, radi se o Javascript galeriji koja se sadrzi od 4 javascript fajla smjestena u folderu pod nazivom js.
Zatim jedan CSS fajl smjesten u folderu pod nazivom css.
Pored toga dobit cete folder u kojem smjestate thumbove (mini slike), kao i slike u punoj velicini koje ce se prikazivati.
I index.html fajl u kojem se nalazi uputstvo za pokretanje galerije koje ce biti objasnjeno u nastavku ovog teksta.

Sve fajlove osim ndex.html-a kopirajte na svoj hosting, recimo da se tom sadrzaju sada pristupa otprilke ovako: http://www.mojsajt.com/galerija
tako da cete imati slijedece ispravne linkove:
http://www.mojsajt.com/galerija/js
http://www.mojsajt.com/galerija/css
http://www.mojsajt.com/galerija/images

Sada prelazimo na aktiviranje galerije.
[NAPOMENA:]Kada dodajem linkove dodavat cu dvije vrste. Jedni su namijenjeni u slucaju da ovu galeriju koristite za svoj websajt pa ste sadrzaj galerije uploadovali u ist direktorij sa sajtom, a to kod blogga nije moguce.

Prvo trebamo dodati 3 linije code-a u html bloga.
To cete uraditi tako sto cete kopirati slijedeci tekst negdje kod zaglavlja bloga:

ZA SAJT:

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

ZA BLOGGER:

<script type="text/javascript" src="http://www.mojsajt.com/galerija/js/prototype.js"></script>
<script type="text/javascript" src="http://www.mojsajt.com/galerija/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="http://www.mojsajt.com/galerija/js/lightbox.js"></script>


Nakon toga slicnu stvar trebamo uraditi i sa CSS fajlom. Njega mozete dodati odmah ispod Javascript fajlova koje smo maloprije dodavali.
Kopirajte slijedeci code:

ZA SAJT:

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

ZA BLOGGER:

<link rel="stylesheet" href="http://www.mojsajt.com/galerija/css/lightbox.css" type="text/css" media="screen" />

Sada smo osposobili vas blog za prikazivanje slika na nacin koji je predvidjen sa ovom galerijom

Jos nam je ostalo da dodajemo slike na blog.
Sa obzirom da ime vise nacina dodavanja slika ja cu ih predstaviti sto vise.
Jos jednom da kazemo da u slucaju ako ovu galeriju postavljate na svoj sajt odnosno ako ste u isti direktorij sa sajtom kopirali i folder images koji ste dobili uz ovu galeriju onda sve slike smjestate u folder images.
I kada navodite link do slike ne morate pisati kod na slijedeci nacin: http://www.mojsajt.com/galerija/slika.gif vec images/slika.gif.

Primjer dodavanja slik:

<a href="http://www.mojsajt.com/galerija/images/image-1.jpg" rel="lightbox[priroda]">Ovdje ide komentar</a>
<a href="http://www.mojsajt.com/galerija/images/image-2.jpg" rel="lightbox[priroda]">Ovdje ide komentar</a>
<a href="http://www.mojsajt.com/galerija/images/image-3.jpg" rel="lightbox[ja]">Ovdje ide komentar</a>

Tekst koji se nalazi izmedju [] zagrada predstavlja album i koliko imate zagrada izmedju kojih stoji tekst npr: priroda toliko slika ce imati taj album.

Najpotpunije dodavanje slike ostvarit cete ovim code-om:

<a href="http://www.mojsajt.com/galerija/images/g1.jpg" rel="lightbox[priroda]" title="Ovdje ide komentar" ><img src="http://www.mojsajt.com/galerija/images/thumb-1.jpg" width="100" height="40" /></a>

Dio koda <img src="http://www.mojsajt.com/galerija/images/thumb-1.jpg" predstavlja putanju do male slike na koju klikom pokrecete tvaranje slike u pravoj velicini.
Dio koda width="100" height="40" predstavlja visinu i duzinu male slike.

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.

16.08.2006.

Instalacija foruma

Posto vidim na forumima da vecina mladih pokrece svoje forume na nekim stranicama dok vecina pita kako se instalira forum sa i dobija nepotpuno objasnjenje odlucio sam to ovdje objasniti.
Tri najcesce koristena foruma su IPB (Invision Power Board), vB (vBulletin) i phpBB. Prva dva su komercijalna ali se ipak mogu naci nullovani bez ikakvih nedostataka ali ako vam se forum pocne siriti nemojte se cuditi ako vam ga sruse jer mi se to vec desavalo. Sto se tice phpBB-a on je besplatan i mozete ga nabaviti na www.phpbb.com.
Prije nego sto bilo sta pocnete raditi trebate nabaviti dobar web hosting, dakle prostor na koji cete staviti forum. Ja vam preporucujem www.hlfusion.net . Nakon sto se registrujete napisite 20 postova ali barem 10 napisite malo duzih jer provjeravaju da ne pisite gluposti saom da bi to rezultiralo dobijanjem hostinga.
Nakon sto napisete tih 20 postova idite na podforumu 'free hosting applications' i tu pdnesite zahtjev za hosting. Preporucujem vam hlfusion.net jer njihov hosting stvarno ima dobre opcije. Dobijete mogucnost kreiranja 999 SQL baza, 999 e-mail adresa, 999 sub-domena, PHP hositng, nema ADS-a (reklama), FTP access (pristup) i najmanji hosting plan vam daje 512 MB prostora.
Nakon sto vam odobre hosting trebate ostati aktivni i pisati po 2 komentara sedmicno na forumu. Sada trebate skinuti neki FTP (File Transfer Protocol) program, ja koristim Ace FTP mozete ga skinuti na www.download.com. Nakon sto ga pokrenete pri vrhu imate 3 polja za unos texta i jedno polje izmedju na kojem je napisan broj 21.
Na prvo polje gdje pise host napisite hlfusion.net, ostavite port 21, gdje pise id unesite vas username i gdje pise PW vas password.Nakon sto se konektujete obicno ce vam doci lista foldera ili samo jedan folder. Citav vas phpBB forum sa svim folderima kopirajte u folder public_html ako postoji ako ne onda samo u root, a root je pocetni sadrzaj koji vam se otvori kada se konektujete. Zatim nadjiete config.php jedan od fajlova koji ste uploadovali i desnim klikom na njega i properties. Pri dnu ce vam pisati ch mod i izaberite 777, isto tako uradite sa folderom images.
Nakon sto ste sve uploadovali, mozete poceti sa instalacijom phpBB foruma. Prov trebate napraviti SQL bazu. Ako imate hosting na hlfusion.net ovako cete zapoceti pravljenje baze vaseime.hlfusion.net/cpanel tu unesete vas username i password, zatim ce vam se otvoriti malo vece meni, vi pronadjite slicicu ispod okje pise MySQL Databases. Sada na gornjoj polovini ekrana pisat ce vam Db: pa polje za unos teksta pa button na kjem pise Add db. tu ukucajte neko ime i kliknite na add db.
Puno ime vase baze izgledat ce ovako vaseime_ime koje ste maloprije unijeli. Kreiranje baze je zavrseno.
Sada pristupite vasem hostingu preko browsera, da li je to Mozilla ili Internet Explorer.......
Dakle samo ukucajte vaseime.hlfusion.net. Pojaviti ce vam se stranica gdje trebate unijeti podatke da bi instalaicja vaseg foruma bila zavrsena.
Default board language: kojie hocete
Database Type: My SQL 4.x
Choose your installation method: Install
Database Server Hostname / DSN: localhost
Your Database Name: ime databaze koje ste unijeli obicno ide vaseime_ime koje ste unijeli
Database Username: ima vaseg hostinga (ime koje ide preije ime.hlfusion.net)
Database Password: password vaseg hostinga
Prefix for tables in database: neka stoji phpbb_
Admin Email Address: vasa e-mail adresa
Domain Name: vaseime_hlfusion.net
Server Port: neka stoji 80
Script path: neka stoji /phpBB2/
Administrator Username: username koji cete koristiti
Administrator Password: password koji cete kosristiti
Administrator Password [ Confirm ]: ponovo unesite password admina
Zatim Finish installation i na kraju ce vam pisati da uz pomoc FTP programa, u nasem slucaju Ace FTP izbrisite foldere contrib i install koje ste uploadovali sa forumom.

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
29141

Powered by Blogger.ba