Utilia

Link in bio – pravljenje stranice

Napravi link in bio stranicu sa fotografijom, biografijom, linkovima i bojama, pa preuzmi jedan samostalan HTML fajl koji možeš da postaviš bilo gde.

Profil Profilna fotografija (opciono)
Linkovi
    Dizajn

    Pregled

    Provere

    HTML kod

    Kako da napraviš link in bio stranicu

    1. Pod Profil upiši Ime ili brend i Kratka biografija. Prelomi redova u biografiji se zadržavaju.
    2. Po želji dodaj Profilna fotografija (opciono): prevuci sliku na zonu za otpuštanje ili klikni na nju da izabereš fajl. Sliku čita tvoj pregledač i ugrađuje je u stranicu; nikada se ne otprema.
    3. Pod Linkovi popuni Tekst linka i Adresa (URL) svakog dugmeta. Klikni Dodaj link za još dugmadi, dugmadima ↑ i ↓ menjaj redosled, a sa × ukloni jedno.
    4. Pod Dizajn izaberi Tema (Svetla, Tamna, Okean, Zalazak sunca, Šuma) ili sam podesi četiri boje, pa izaberi Oblik dugmeta i Font.
    5. Proveri Pregled, pa klikni Preuzmi index.html. Kopiraj HTML kopira isti kod ako ga radije lepiš u postojeći sajt.

    Učitaj primer popunjava probni profil da vidiš kako stranica izgleda, a Očisti počinje iznova.

    Šta dobijaš

    Rezultat je jedan HTML fajl sa svim unutra: stilovi su inline u <style> bloku, fotografija je ugrađena kao data URI, a nema JavaScripta, skripti za praćenje, veb-fontova ni spoljnih zahteva. Zbog toga je stranica veoma brza (obično nekoliko kilobajta plus fotografija), privatna za tvoje posetioce i laka za čuvanje godinama: nema servisa koji može da se ugasi, promeni cene ili doda svoj brend.

    Stranica je prilagodljiva: dugmad popunjavaju širinu telefona, a na računaru ostaju udobne širine. Sadrži lang atribut, viewport oznaku, naslov (tvoje ime) i meta opis (tvoju biografiju), pa lepo izgleda u rezultatima pretrage i pregledima linkova. Linkovi ka veb-sajtovima otvaraju se sa rel="noopener", a adrese e-pošte automatski postaju mailto: linkovi.

    Provere

    Lista Provere označava linkove čija adresa nije ispravna veb, mailto: ili tel: adresa. Takvi linkovi se izostavljaju umesto da se objave pokvareni, a sve poput javascript: uvek se odbija. Upozorava i kada je kontrast teksta dugmadi ili stranice ispod 4,5:1, što je WCAG nivo za običan tekst, i kada je fotografija teška. Fotografija od 300 × 300 piksela sasvim je dovoljna za okrugli avatar od 104 piksela, čak i na ekranima visoke gustine.

    Kako da postaviš stranicu na internet

    Fajlu je potrebna veb-adresa pre nego što je staviš u biografiju na Instagramu, TikToku ili YouTubeu. Tri uobičajene opcije:

    • GitHub Pages (besplatno): napravi javni repozitorijum, otpremi index.html, pa u Settings → Pages izaberi objavljivanje sa glavne grane. Stranica se pojavljuje na https://tvoje-korisnicko-ime.github.io/ime-repozitorijuma/.
    • Netlify Drop (besplatno): stavi index.html u fasciklu i prevuci je na stranicu Netlify Drop. Odmah dobijaš nasumičnu adresu; napravi besplatan nalog da zadržiš sajt i izabereš lepše ime ili povežeš sopstveni domen.
    • Sopstveni hosting: otpremi fajl preko upravljača fajlovima svog hosta ili FTP-om, na primer u fasciklu links, da dobiješ https://tvoj-domen.com/links/.

    Da kasnije ažuriraš stranicu, promeni obrazac, ponovo preuzmi fajl i zameni stari.

    Česta pitanja

    Da li je ovo besplatna alternativa za Linktree?

    Za jednostavnu stranicu sa linkovima, da. Dobijaš istu vrstu stranice bez naloga, pretplate i tuđeg brenda. Ne dobijaš statistiku klikova ni zakazivanje, jer stranica nema skripte. Ako želiš da meriš klikove, dodaj UTM parametre linkovima i prati ih u sopstvenoj analitici.

    Da li se moja fotografija negde otprema?

    Ne. Sliku čita tvoj pregledač i upisuje je u HTML fajl kao tekst (data URI). Ništa ne napušta tvoj uređaj dok sam ne objaviš fajl.

    Zašto je fajl zbog moje fotografije toliko veliki?

    Fotografija je ugrađena u stranicu, pa njena veličina povećava fajl. Fotografija sa telefona može da ima nekoliko megabajta. Smanji je na oko 300 × 300 piksela i kompresuj pre dodavanja: stranica će se učitavati gotovo trenutno.

    Mogu li kasnije da menjam HTML?

    Da. To je običan, čitljiv HTML i CSS. Možeš da ga otvoriš u bilo kom uređivaču teksta i dodaš red teksta, podnožje ili dodatne stilove.

    Mogu li da linkujem broj telefona ili adresu e-pošte?

    Da. Upiši adresu e-pošte kakva jeste i postaće mailto: link. Za broj telefona upiši tel: pa broj u međunarodnom formatu, na primer tel:+381111234567.