Google+ Как сделать фавикон для блога | Блогобабушка - мои эксперименты по заработку

Как сделать фавикон для блога

Приятные фишки, которые делают блог неповторимым. Как сделать фавикон для блога.
Этот пост я решила написать о том, как создать фавикон. А позже я напишу, как сделать логотип бесплатно.
На это меня натолкнул комментариц к предыдущему посту VolNa написала:

«Вот так Блогобабушка! Настоящий хакер!»

Вот я и решила поделиться вами небольшими фишками, которые делают блог индивидуальным и неповторимым. Конечно, таких фишек может быть много, и логотип, например, можно заказать за деньги, но я думаю, что на первых порах и бесплатные варианты пригодятся.

Каждый блоггер мечтает сделать блог узнаваемым и неповторимым. И придумывает что-то свео неповторимое, как например, Катерина, в блоге  БлоотеЙ. Она в некоторых словах последние буквы ставит заглавные. И это уже бренд. Брендом также может быть имя или ник, который созвучен с именем блога. Не буду говорить о блогах названных по имени автора, а у меня есть блог «Свекровушка» и в сети меня знают, как Свекровушку. Надеюсь, что это тоже своеобразный бренд. В этом блоге я Блогобабушка, и буду создавать еще один бренд, а также создам новый фавикон и логотип.

Как сделать фавикон

Фавикон (favicon.ico) — это небольшая картинка (иконка) в специальном формате, которая отображается рядом с адресом вашего сайта в адресной строке браузера и рядом с названием вашего сайта в «Избранном» или в «Закладках» вместо стандартной, общей для всех иконки, это то, что выделяет ваш сайт среди других…

Фавикон можно сделать из своей фотографии, логотипа или любой картинки. У меня на блоге есть картинка – роза из денег. Она мне так понравилась, что я решила сделать ее своим логотипом.
Для того, чтобы сделать фавикон, ничего не нужно придумывать. Достаточно зайти на сайт Favicon.ru выбрать картинку на компьютере и нажать кнопку «Создать фавикон». А после – просто скачать его на компьютер. Фавикон имеет название — favicon.ico. Его нельзя изменять, так как его не смогут найти поисковые роботы.

Как загрузить фавикон на блог.

Чтобы фавикон был виден там, где нужно, загружаем картинку в основную (корневую) — предпочтительнее или в любую другую папку вашего блога. Добавьте следующие строки в каждую страницу вашего сайта внутрь тега <head> (не обязательно):

<link rel=»icon» href=»/favicon.ico» type=»image/x-icon»>
<link rel=»shortcut icon» href=»/favicon.ico» type=»image/x-icon»>

Или так:

<link rel=»icon» href=»http://ваш-сайт.ru/favicon.ico» type=»image/x-icon»>
<link rel=»shortcut icon» href=»http://ваш-сайт.ru/favicon.ico» type=»image/x-icon»>

Или так:

<link rel=»icon» href=»http://ваш-сайт.ru/путь_к_иконке/favicon.ico» type=»image/x-icon»>
<link rel=»shortcut icon» href=»http://ваш-сайт.ru/путь_к_иконке/favicon.ico» type=»image/x-icon»>  

Добавляем в файл header  после тега <head> . Вот так:

В вашем браузере картинка — фавикон может появиться сразу или через некоторое время.А в поиске – после очередной индексации блога.

З.Ы. При установке кода обратите внимание на кавычки. Они должны быть прописаны так, как у меня в коде. Иначе код работать не будет.

Ваша Блогобабушка


Понравилась статья? Поделитесь с друзьями в соцсетях

Подпишитесь на обновления блога по email:

Добавить комментарий

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


+ восемь = одиннадцать

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