Cara Menyisipkan Ikon Situs Web

Daftar Isi:

Cara Menyisipkan Ikon Situs Web
Cara Menyisipkan Ikon Situs Web

Video: Cara Menyisipkan Ikon Situs Web

Video: Cara Menyisipkan Ikon Situs Web
Video: cara mudah menambahkan icon pada website 2024, Mungkin
Anonim

Ada dua cara untuk menyisipkan lencana dengan logo situs web Anda. Salah satunya melibatkan pembuatan file ikon di direktori root, dan yang lainnya adalah memasukkan kode menggunakan editor khusus.

Cara menyisipkan ikon situs web
Cara menyisipkan ikon situs web

Itu perlu

  • - editor grafis;
  • - buku catatan.

instruksi

Langkah 1

Buka direktori root situs Anda. Buat file di dalamnya bernama favicon.ico. File ini akan mendukung tampilan ikon situs Anda di depan bilah alamat di browser.

Langkah 2

Jika ikon situs Anda belum siap, buatlah menggunakan program Adobe Photoshop, setelah mengunduh plug-in yang sesuai, atau editor grafis lain yang mendukung bekerja dengan jenis file ini, misalnya, Microangelo, QTam Bitmap hingga Ikon, Axialis IkonWorkshop. Pra-periksa pekerjaan di browser yang berbeda, tidak hanya mengenai tampilan ikon situs di bilah alamat, tetapi juga di direktori "Favorit".

Langkah 3

Di tag halaman Anda, tambahkan kode berikut:. Dalam hal ini, tautan ke berbagai variasi ukuran gambar akan dipertahankan, yang cukup nyaman, tetapi kurang dapat diandalkan.

Langkah 4

Di sini Anda dapat menggunakan editor Notepad biasa dan program khusus yang dirancang untuk penulisan kode yang lebih nyaman, misalnya, utilitas Notebook gratis, yang mendukung tampilan penomoran baris dan berfungsi sebagai perangkat lunak yang cukup nyaman untuk sering diedit.

Langkah 5

Buat ikon untuk situs Anda, setelah memikirkan semua detailnya terlebih dahulu. Yang terbaik adalah segera memutuskan desain dan ukuran (di sini - tergantung pada metode penambahannya, karena dalam kasus pertama, hanya file dengan resolusi 16x16 yang tersedia).

Langkah 6

Anda juga dapat menggunakan file.atn khusus untuk Adobe Photoshop, yang memungkinkan Anda membuat ikon secara otomatis dengan efek yang diinginkan, Anda dapat menemukannya di Internet di forum tematik atau di deviantart.com di bagian "Tindakan".

Direkomendasikan: