Всем привет! Я уже писал о самой маленькой картинке в Вашем блоге/сайте - Favicon (от английского FAVorites ICON — «значок для избранного»). Прочитав ту статью, Вы поймете что такое Favicon и зачем он нужен. Там же было написано с помощью какой программы можно его сделать и разместить на блоге/сайте и дана ссылка на коллекцию Favicon.
Но лично мне не очень понравилась программа Генератор favicon favicon.ru, да и коллекция не удовлетворила. Поэтому я пошел другим путем: в поисковике написал "Анимашки" и вышел на этот сайт . Здесь огромный выбор различного сорта картинок на любой вкус. Пересмотрев практически все, я остановился на этой панде
и сделал её своим Favicon-ом. Сразу открою маленький секрет - не выбирайте картинки, выполняющие какие то сложные движения! Т.к. Favicon очень маленький, то различные "выкрутасы" просто не видны в итоге. Впрочем Вы сами можете поэкспериментировать и посмотреть, что получится от различных вариантов.
Кроме того Вам понадобится программа "Радикал-фото" Возможны и другие аналоги, но меня устраивает этот. Сейчас я Вам пошагово покажу, как я устанавливал Favicon-панду на свой блог.
Шаг 1. Заходите на сайт с картинками-анимашками (кстати он тоже имеет свой Favicon) и выбираете картинку, которая вам нравится. Далее копируете её на свой "Рабочий стол" (правой кнопкой мышки вызываете меню и выбираете "Cохранить картинку как...")
Шаг 2. Открываете "Радикал-фото" :
Нажимаете "Выберите файл" - "Загрузить". Здесь возможны два варианта - грузить "С компьютера" и "Из интернета". Если картинка уже скачана на Рабочий стол, то берем "С компьютера". Далее откроется следующее окно:
Здесь Вам будут нужны 2 ссылки - "Название файла" и "Ссылка-адрес" (они обведены красным).
Шаг 3. В своем блоге идете "Панель инструментов" - "Дизайн" - "Изменить HTML" и с помощью сочетания клавиш Ctrl-F находите в коде Вашего шаблона строчку со словом
Шаг 4. Перед этим тегом вставляете следующий тег-код -
<link href='ссылка-адрес вашей картинки' rel='icon' type='image/название файла-картинки'/>
Далее нажимаете "Просмотр" и смотрите что получилось. Если Вас все устраивает, то жмете "Сохранить шаблон", если нет, то "Убрать изменения" и выбираете другой вариант картинки по аналогичному варианту, как описано выше.
Внимание! Если Вы плохо разбираетесь в HTML-кодах, то предварительно сохраните шаблон кода Вашего блога, например в "Блокнот". Если Вы где то напортачите, то потом можно будет скопированный шаблон переустановить вновь. Не бойтесь, ничего страшного не произойдет, просто всегда перед какими то экспериментами, сохраняйте файл.
0 коммент.:
Отправить комментарий