Builder ng Link in Bio na Page

Paano bumuo ng link in bio page

1. Sa ilalim ng Profile, i-type ang Pangalan o brand at isang Maikling bio. Pinananatili ang line break sa bio.
2. Opsyonal na magdagdag ng Larawan sa profile: i-drop ang larawan sa drop zone o i-click ito para pumili ng file. Binabasa ng browser mo ang larawan at isinasama sa page; hindi kailanman ina-upload.
3. Sa ilalim ng Mga link, punan ang Teksto ng link at Address (URL) ng bawat button. I-click ang Magdagdag ng link para sa mas marami, gamitin ang ↑ at ↓ na button para baguhin ang ayos at × para alisin ang isa.
4. Sa ilalim ng Disenyo, pumili ng Tema (Maliwanag, Madilim, Ocean, Sunset, Forest) o itakda mismo ang apat na kulay, tapos piliin ang Hugis ng button at Font.
5. Suriin ang Preview, tapos i-click ang I-download ang index.html. Kinokopya ng Kopyahin ang HTML ang parehong code kung mas gusto mong i-paste sa umiiral na site.

Pinupunan ng I-load ang halimbawa ang sample na profile para makita mo ang itsura ng page, at nagsisimulang muli ang I-clear.

Ano ang makukuha mo

Ang resulta ay isang HTML file na may lahat sa loob nito: inline ang style sa <style> block, naka-embed ang larawan bilang data URI, at walang JavaScript, walang tracking script, walang web font at walang panlabas na request. Ginagawa nitong napakabilis ang page (kadalasan ilang kilobyte kasama ang larawan), pribado para sa bisita mo, at madaling itago sa loob ng maraming taon: walang serbisyong maaaring magsara, magbago ng presyo o magdagdag ng sariling branding.

Responsive ang page: pinupuno ng button ang lapad ng telepono at nananatili sa komportableng lapad sa desktop. May kasama itong lang attribute, viewport tag, pamagat (pangalan mo) at meta description (bio mo), kaya maayos itong nababasa sa resulta ng paghahanap at link preview. Nagbubukas ang link sa website gamit ang rel="noopener", at ang email address ay awtomatikong nagiging mailto: link.

Ang mga pagsusuri

Minamarkahan ng Mga pagsusuri ang link na ang address ay hindi wastong web, mailto: o tel: address. Hindi isinasama ang gayong link sa halip na i-publish nang sira, at laging tinatanggihan ang anumang tulad ng javascript:. Nagbabala rin ito kapag ang contrast ng teksto ng button o ng page ay mas mababa sa 4.5:1, ang antas ng WCAG para sa normal na teksto, at kapag mabigat ang larawan. Ang 300 × 300 pixel na larawan ay sapat na para sa 104-pixel na bilog na avatar, kahit sa high-density na screen.

Paano ilalagay ang page online

Kailangan ng file ng web address bago mo ito mai-paste sa bio ng Instagram, TikTok o YouTube. Tatlong karaniwang opsyon:

• GitHub Pages (libre): gumawa ng public repository, i-upload ang index.html, tapos sa Settings → Pages piliin ang deploy mula sa main branch. Lumilitaw ang page sa https://your-username.github.io/repository-name/.
• Netlify Drop (libre): ilagay ang index.html sa folder at i-drag ang folder na iyon sa Netlify Drop page. Agad kang makakakuha ng random na address; gumawa ng libreng account para mapanatili ang site at pumili ng mas magandang pangalan o ikonekta ang sariling domain.
• Sariling hosting: i-upload ang file gamit ang file manager o FTP ng host mo, halimbawa sa links folder, para makakuha ng https://your-domain.com/links/.

Para i-update ang page mamaya, baguhin ang form, i-download muli ang file at palitan ang luma.