Как сделать иконку favicon для блога

Еще год назад у меня в блоге стояла иконка favicon. Но потом так получилось, что во время восстановления блога после пожара в дата центре сначала мне дела не было до favicon, потом забыл, а потом и руки никак не доходили.

И вот вчера решил вернуть на место  favicon. Что такое favicon, все знают.  Favicon-это картинка (иконка), которая стоит перед адресной строкой в браузере. Сегодня хочу рассказать, как сделать иконку  favicon для блога и как favicon поставить.

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

Теперь осталось сделать саму иконку favicon.ico. Встал вопрос поиска программы, чтобф из формата JPEG получить файл с расширением *.ico . Погуглив немного, я нашел вот такой интересный сайт с одноименным названием favicon.ru.

Заходим на сайт, нажимаем на обзор и указываем на место нахождения своей картинки на компьютере (рис 1).

Рис. 1

Можно указать изображение не только с компьютера, но и с интернет, указав соответствующий урл.  Устанавливаем нужный нам размер favicon, после чего нажимаем на кнопку Создать favicon.ico.

После этого ждем пару секунд и автоматически попадаем на следующую страничку сайта (рис. 2)

Рис. 2

Здесь мы можем просмотреть, как будет выглядеть наша иконка  favicon.ico в адресной строке и на рабочем столе компьютера.  Если нам все нравится нажимаем на ссылку Скачать favicon.ico и сохраняем на своем компьютере.

Вот так очень быстро и просто мы разобрались, как  сделать иконку favicon для блога.

Остается еще один вопрос, как favicon установить в свой блог.  Для того, чтобы установить favicon в блог, нужно зайти сначала зайти на свой хостинг и найти тему своего блога. Наша тема лежит примерно вот по такому адресу: public_html/wp-content/themes/название темы/. По крайней мере, тема моего блога лежит именно там. В корень нашей темы закачиваем готовый файл favicon.ico.

Переходим к последнему этапу. Осталось сделать некоторую корректировку файла header.php, чтобы в адресной строке появилась наша иконка. Заходим в административную панель блога, ищем путь Дизайн – Редактор, находим файл header.php, открываем его и делаем следующее изменение:  Между тегами <head> и </head>  вставляем  следующий код <link rel=”iconhref=”/favicon.icotype=”image/x-icon”>, после чего все сохраняем.

После таких несложных манипуляций любуемся своим блогом. Перед адресной строкой в браузере видим иконку favicon.

Попробуйте самостоятельно сделать  иконку favicon для блога, у вас все должно получиться.

Как сделать иконку favicon для блога, разобрались. А если хотите узнать, как скачать музыку из контакта, идите на сайт “О Контакте”. Этот сайт как раз для любителей  популярной социальной сети.

Если Вам понравилась статья, не забывайте поделиться с друзьями:

Предыдущие статьи из категории: CMS, дизайн, шаблоны

  • Бесплатный видеокурс по созданию сайтов
  • Как сделать сайт-визитку и для чего он нужен.
  • Зачем нам нужен сайт-визитка?
  • Xzengine v.1.7 beta 8-бесплатная CMS
  • Zebrum Lite-бесплатный движок блога
  • Выбираем иконки для блога

  • 12 отзывов на статью: “Как сделать иконку favicon для блога

    1. Я тоже только что фавикончик поменял :) А вообще, Володь, запрос по favicon.ico весьма популярен ;)

      • Да, действитель удобнее. И смайлики заработали. видимо хорошо поковырял своими ручонками. Спасибо Вам за помощь. Есть у меня еще задумка подкорректировать форму комментариев, но это чуть позже.

    Оставить комментарий

    Ваш email не будет опубликован. Обязательные поля отмечены *

    Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>