В первый же день существования блога, я изменил старую favicon блогспота на свою, и хочу рассказать вам как сделать favicon. А сделал это, чтобы выделить свой блог среди других.
Если вы не знаете что такое favicon, то это маленькая иконка, что расположенная перед адресной строкой в браузере размером 16х16.
Она придает уникальности и красоты вашему блогу.
Для того, чтобы сделать фавикон, нужно сначала, нужно изготовить или найти иконку. Я свою нашел на findicons.com/. Tсли будете брать иконку там, то не забудьте серчить на анг. языке. Если же хотите сделать favicon онлайн, то рекомендую делать это на сайте favicon.ru.
Итак, после того, как вы выбрали favicon, скачайте ее в .ico формате.
После, разместите на любом бесплатном хостинге для получения прямой ссылки. Я выбрал народ от яндекса, но также можно использовать юкоз и любой подобный.
Переходим к изменению favicon на собственную.
В меню идем в "Дизайн", далее "изменить HTML", и перед тегом:
</hеаd>
Ставим следующий код:
<link rel="icon" href="ссылка_на_изображение/favico.ico" type="image/x-icon" />
<link rel="shortcut icon" href="ссылка_на_изображение/favico.ico" type="image/x-icon" />
Все очень просто и доступно, надеюсь у вас все получится! Если возникли проблемы, пишите в комменты.
Если вы не знаете что такое favicon, то это маленькая иконка, что расположенная перед адресной строкой в браузере размером 16х16.
favicon |
Как сделать favicon онлайн или скачать уже готовую.
Для того, чтобы сделать фавикон, нужно сначала, нужно изготовить или найти иконку. Я свою нашел на findicons.com/. Tсли будете брать иконку там, то не забудьте серчить на анг. языке. Если же хотите сделать favicon онлайн, то рекомендую делать это на сайте favicon.ru.
Итак, после того, как вы выбрали favicon, скачайте ее в .ico формате.
После, разместите на любом бесплатном хостинге для получения прямой ссылки. Я выбрал народ от яндекса, но также можно использовать юкоз и любой подобный.
Переходим к изменению favicon на собственную.
В меню идем в "Дизайн", далее "изменить HTML", и перед тегом:
</hеаd>
Ставим следующий код:
<link rel="icon" href="ссылка_на_изображение/favico.ico" type="image/x-icon" />
<link rel="shortcut icon" href="ссылка_на_изображение/favico.ico" type="image/x-icon" />
Все очень просто и доступно, надеюсь у вас все получится! Если возникли проблемы, пишите в комменты.