фавикон

11
СОЗДАЕМ ФАВИКОН Первый шаг к развитию своего бренда- индивидуальность вашего блога, начинаем с иконки, которая заменяет стандартный значок. Секреты и советы от девиШника

Upload: olga-ananyeva

Post on 14-Mar-2016

212 views

Category:

Documents


0 download

DESCRIPTION

фавикон- иконка в углу вашего сайта

TRANSCRIPT

[Введите текст]

СОЗДАЕМ ФАВИКОН

Первый шаг к развитию своего бренда- индивидуальность вашего

блога, начинаем с иконки, которая заменяет стандартный значок.

Секреты и советы

от девиШника

БЛОГГЕРУ-НОВИЧКУ

Ольга Ананьева ©Секреты и Советы от девиШника

1

Создаем фавикон для блога

Итак, дорогие друзья, приступаем к первому шагу создания нашего

бренда. Создаем свой, личный, фавикон.

Favicon (сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.

Традиционно использовались изображения размера 16×16 пикселей формата ICO, помещённые в корень сайта под именем favicon.ico, — тогда Microsoft Internet Explorer использовал их для закладок. До версии 7.0 MSIE использовал значки только для закладок, и поэтому администраторы серверов могли узнать, сколько пользователей создало закладку на их сайт.

Есть, по крайней мере, два сайта, на которых мы бесплатно можем

сделать себе личную иконку. И ссылки на них я сейчас дам.

Это http://favicon.ru/ и http://www.favicon.cc/

Вы можете воспользоваться любым из этих сайтов.

БЛОГГЕРУ-НОВИЧКУ

Ольга Ананьева ©Секреты и Советы от девиШника

2

http://favicon.ru/

Очень понятый интерфейс и небольшой конструктор. Вы, можете

,как нарисовать иконку фавикона, так и сделать его из

изображения.

БЛОГГЕРУ-НОВИЧКУ

Ольга Ананьева ©Секреты и Советы от девиШника

3

Вот такую иконку я нарисовала как пример. Величайшие

художники века – отдыхают.

БЛОГГЕРУ-НОВИЧКУ

Ольга Ананьева ©Секреты и Советы от девиШника

4

Есть предварительный просмотр, как будет выглядеть наша иконка

в строке браузера.

Если же вы решили , что вам больше подойдет готовое

изображение, то взять его можно или с вашего компьютора, то

лучше всего, или из интернета. Воспользуемся картинкой с

жёсткого диска.

Для установки фавикона на WordPress, есть так же несколько

способов. Но, я устанавливала фавикон с помощью плагина Easy

Favicon.

Загружаем наш рисунок и получаем изображение

1

2

3

БЛОГГЕРУ-НОВИЧКУ

Ольга Ананьева ©Секреты и Советы от девиШника

5

Вот так в предпросмотре выглядит наша иконка.

Нажимаем кнопку скачать фавикон .

Вот так выглядит другой сайт, для создания иконок. Лично я ,не

увидела существенной разницы.

БЛОГГЕРУ-НОВИЧКУ

Ольга Ананьева ©Секреты и Советы от девиШника

6

Нажимаем :Скачать (DOWNLOAD)

Загрузить

фото

предпросмотр

БЛОГГЕРУ-НОВИЧКУ

Ольга Ананьева ©Секреты и Советы от девиШника

7

Теперь идем на свой блог, я взяла свой тестовый блог. И нажимаем

ДИЗАЙН.

Выбираем с вашего диска –ваш фавикон

БЛОГГЕРУ-НОВИЧКУ

Ольга Ананьева ©Секреты и Советы от девиШника

8

БЛОГГЕРУ-НОВИЧКУ

Ольга Ананьева ©Секреты и Советы от девиШника

9

Есть правда еще одна маленькая хитрость. Ваш фавикон может не

появится моментально, есть такой глюк на блогспоте.

Поэтому, я поделюсь с вами одной хитростью.

Когда вы загрузили иконку в гаджет «значок», нажали сохранить, то

наберите в браузерной строке

http://адрес /favicon.ico вашего блога

например мой тестовый блог будет выглядеть вот

так.

http://testbloga12.blogspot.ru/favicon.ico (не нажимать)

БЛОГГЕРУ-НОВИЧКУ

Ольга Ананьева ©Секреты и Советы от девиШника

10

ну а кто не хочет возиться с конструктором, хотя это занимает

ровно 5-7 минут, то вот ссылка на готовые иконки.

http://siteicon.ru . Но лучше, если вы сделаете свою.

Удачи! Все «секреты и советы от девиШника»