Як зробити і встановити на сайт анімований фавікон - хочу веб-сайт

Як зробити і встановити на сайт анімований фавікон

Доброго всім часу доби дорогі друзі.

А сьогодні я хочу розповісти вам як зробити і встановити на сайт анімований фавікон. Тобто такий фавікон. який буде рухатися і при бажанні ще й виводити слідом якийсь пояснювальний текст.

Але перед цим хочу відзначити, що поки не всі браузери підтримують анімовані фавікона. і в таких браузерах у нас як і раніше буде відображатися статичний фавікон.

А допоможе нам в цьому онлайн сервіс HTMLKit. який дозволяє без попереднього завантаження і установки будь-яких допоміжних програм створити фавікон з практично будь-якого зображення. Цей сервіс зробить за нас всю роботу по зменшенню і перетворенню нашого вихідного зображення в анімований файл favicon.gif. а так само в статичний. вже знайомий нам favicon.ico.

А порядок роботи у нас буде наступний:

Завантажуєте то зображення. яке хочете перетворити в favicon:

Хочете додати пояснювальний текст? Будь ласка! Вводите текст і при бажанні вибираєте його колір (а можна ще й колір фону задати), а потім завантажуєте отриманий результат у вигляді архіву собі на комп'ютер:

Ну а далі розпаковуємо отриманий архів і поміщаємо в корінь сайту файли favicon.ico і animated_favicon1.gif. А на кожну сторінку сайту. де ви хочете щоб у вас красувався анімований фавікон. додаємо між тегами . Наступного код:

Ось все і готово! У мене, наприклад, вийшло ось що:

А на цьому у мене сьогодні все. Будуть питання - будь ласка, звертайтесь. До побачення.

Схожі статті

• Як додати анімований фавікон на свій сайт

• Як зробити фавікон () для сайту

• Як зробити сайт на cms wordpress, все про wordpress