Website Pemendek URL (URL Shortener) Menggunakan HTML, CSS, dan JavaScript

Website Pemendek URL (URL Shortener) Menggunakan HTML, CSS, dan JavaScript

Halo Bro! Di artikel kali ini, saya akan membahas sebuah website buatan saya sendiri yang bernama CutURLe. Website ini dibuat untuk membantu Anda memendekkan tautan (URL) yang panjang menjadi lebih ringkas, sehingga lebih mudah dibagikan atau ditempelkan di media sosial, email, dan lainnya.

Website CutURLe menggunakan layanan API dari TinyURL untuk menghasilkan link pendek secara instan, gratis dan cepat. Jika Anda ingin langsung mencobanya, silakan kunjungi websitenya melalui link berikut: https://cuturle.vercel.app/.

Tampilan dan Cara Menggunakan CutURLe

Begitu Anda membuka website CutURLe, Anda akan langsung diarahkan ke tampilan berikut:

Tampilan Website CutURLe (URL Shortener)

Berikut langkah-langkah untuk menggunakannya:

1. Siapkan Link Panjang

Silakan salin link atau URL panjang yang ingin Anda pendekkan.

2. Tempel Link di Kolom Input

Tempelkan link tadi ke kolom yang tersedia di website CutURLe.

3. Klik Tombol "Pendekkan"

Setelah menempelkan link, klik tombol "Pendekkan", dan sistem akan langsung memprosesnya menggunakan API dari TinyURL.

4. Hasil Link Pendek

Hasil link pendek akan langsung ditampilkan di bawahnya.

Hasil Pemendekkan URL

Anda bisa membandingkan panjang link sebelum dan sesudah dipendekkan.

5. Salin Link

Klik tombol "Salin URL" untuk menyalin hasil link pendek. Setelah itu, Anda bisa langsung membagikannya ke teman, media sosial, grup, atau ke mana pun yang Anda mau.

Fitur Riwayat Pemendekkan

Website CutURLe juga menyediakan fitur riwayat, yang memungkinkan Anda melihat daftar link yang pernah Anda pendekkan sebelumnya.

Fitur Riwayat Pemendekkan URL

Riwayat ini akan tetap tersimpan meskipun Anda menutup website, selama Anda tidak menghapusnya secara manual melalui tombol "Hapus Semua Riwayat" atau menghapus cache browser Anda.

Nah, itu dia penjelasan mengenai CutURLe Website Pemendek URL (URL Shortener) buatan saya menggunakan HTML, CSS, dan JavaScript, dengan bantuan API dari TinyURL.

Semoga artikel ini bermanfaat dan membantu Anda dalam membuat link yang lebih pendek dan praktis. Jika Anda masih kurang paham dengan penjelasan versi artikel ini, Anda juga bisa menonton versi videonya melalui link berikut: Website Pemendek URL (URL Shortener) Menggunakan HTML CSS dan JavaScript.

Terima kasih!

Posting Komentar

Lebih baru Lebih lama