Відкрийте кореневу папку вашого сайту. Створіть у ньому файл з назвою favicon.ico. Даний файл буде підтримувати відображення значка вашого сайту перед адресним рядком в браузері.

У разі, якщо іконка вашого сайту не готова, створіть її за допомогою програми Adobe Photoshop, попередньо скачавши відповідний плагін, або іншого графічного редактора, який підтримує роботу з таким типом файлів, наприклад, Microangelo, QTam Bitmap to Icon, Axialis IconWorkshop. Попередньо перевірте роботу в різних браузерах, не тільки щодо відображення іконки сайту в адресному рядку, а й в каталозі «Вибране».

У тезі lt; head gt; вашої сторінки пропишіть наступний код: lt; link rel ="shortcut icon" href ="пут` / названіе_файла.ico" type ="image / x-icon" / gt ;. У цьому випадку буде підтримуватися посилання на різні варіації розмірів зображення, що досить зручно, але менш надійно.

Тут ви можете використовувати як звичайний редактор «Блокнот», так і спеціальні програми, призначені для більш зручного написання коду, наприклад, безкоштовна утиліта Notebook, яка підтримує відображення нумерації рядків і служить досить зручним програмним забезпеченням при частому редагуванні.

Створіть іконку для вашого сайту, заздалегідь продумавши всі її деталі. Найкраще відразу ж визначитися з дизайном і розміром (тут - в залежності від методу її додавання, оскільки в першому випадку є лише використання файлу з дозволом 16x16).

Також ви можете скористатися спеціальними файлами .atn для Adobe Photoshop, які дозволяють автоматично створювати іконки з потрібними ефектами, знайти їх можна в інтернеті на тематичних форумах або на сайті deviantart.com в розділі "Actions".

Створюємо іконку для сайту. Для цього можна скористатися спеціальними програмами, такими, як «Adsen FavIcon», «IcoFX», «Favicon Create». Або он-лайн сервісами, на яких просто завантажуємо картинку, і отримуємо іконку. Приклад таких сайтів: favicon.ru або favicon.by. У будь-якому випадку, зберігаємо наш файл під ім`ям «favicon.ico».

Далі відкриваємо кореневу папку сайту і кидаємо туди наш файл із зображенням іконки.

Відкриваємо вихідний html файл. Знаходимо тег «head», і вставляємо в нього наступний код:

«Link rel =" icon "href =" / favicon.ico "type =" image / x-icon "»

«Link rel =" shortcut icon "href =" / favicon.ico "type =" image / x-icon "». Після цього ваша іконка буде видна в браузері. Однак цього може відразу не відбутися, якщо поки сервер не оновив файл. Чекаємо пару днів, і милуємося з`явилася іконці. Варто відзначити, що на деяких двигунах можна просто скопіювати свою іконку в кореневу папку сайту, замінюючи при цьому вже наявну іконку.