Home / Belajar HTML & CSS / blogging / Pengembangan Website / website / Fungsi Simbol © (Copyright) di Footer Website dan Cara Menampilkannya dengan HTML

Fungsi Simbol © (Copyright) di Footer Website dan Cara Menampilkannya dengan HTML

31.5.25 , , ,

Fungsi Simbol © (Copyright) di Footer Website
Fungsi Simbol © (Copyright) di Footer Website dan Cara Menampilkannya dengan HTML

Dalam dunia website, simbol © (copyright) sering ditemukan di bagian bawah halaman atau footer. Meskipun kecil, simbol ini memiliki peran besar dalam melindungi hak cipta sebuah situs. Artikel ini akan membahas secara lengkap apa arti simbol ©, fungsi hukumnya, serta cara menampilkannya di pojok kanan bawah layar menggunakan HTML dan CSS.

Apa Arti Simbol ©?

Simbol © adalah representasi dari hak cipta (copyright), yang menunjukkan bahwa konten dalam situs tersebut dilindungi oleh hukum. Ini artinya, pihak lain tidak diizinkan menyalin, menggandakan, atau menyebarkan konten tanpa izin dari pemilik.


Contoh penulisan copyright yang umum:

© 2025 Nama Perusahaan. All rights reserved.

Keterangan:

  • 2025: Tahun pembuatan atau pembaruan konten.

  • Nama Perusahaan: Pemilik hak cipta.

  • All rights reserved: Semua hak atas konten dilindungi.

Manfaat Menampilkan Simbol © di Website

  1. ✅ Perlindungan Hukum – Menegaskan bahwa konten website adalah milik pribadi/perusahaan.

  2. ✅ Tampilan Profesional – Memberi kesan bahwa situs dikelola secara serius.

  3. ✅ Meningkatkan Kepercayaan Pengunjung – Terlihat lebih resmi dan terpercaya.

Cara Mengetik Simbol © di Keyboard

Untuk 💻 Windows:

  • Tekan Alt + 0169 (harus dari numpad).

Untuk 🍎 Mac:

  • Tekan Option + G.

Alternatif 📝:

  • Gunakan kode HTML: © → hasilnya: ©

Cara Menampilkan Tulisan Copyright di Pojok Kanan Bawah (HTML + CSS)

Jika kamu ingin copyright tampil di kanan bawah layar, gunakan kode berikut:

<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contoh Footer Copyright</title>
  <style>
    .footer {
      position: fixed;
      bottom: 10px;
      right: 10px;
      font-size: 14px;
      color: #666;
      font-family: Arial, sans-serif;
    }
  </style>
</head>
<body>

  <!-- Konten website di sini -->

  <div class="footer">
    &copy; 2025 Nama Perusahaan. All rights reserved.
  </div>

</body>
</html>

✨ Penjelasan:

  • position: fixed; → Menjaga posisi tetap di kanan bawah meskipun halaman digulir.

  • bottom dan right → Mengatur jarak dari tepi layar.

  • &copy; → Merupakan kode HTML untuk simbol ©.

Kesimpulan

Simbol © bukan sekadar hiasan di footer website. Ia memiliki nilai hukum dan profesional yang penting untuk website pribadi, portofolio, maupun bisnis. Dengan menambahkan kode sederhana menggunakan HTML dan CSS, kamu bisa menampilkan informasi hak cipta secara elegan dan fungsional di bagian kanan bawah layar.

Langganan: Posting Komentar ( Atom )

Post Comment

Tidak ada komentar