ГлавнаяЛайфстайлИнтернетКак изменить значок блоггера

Как изменить значок блоггера

Создание нового значка

ttps://saintist.ru/wp-content/uploads/2024/05/favicon-main-1.png" alt="favicon-main">Хотя WordPress — одна из самых мощных платформ для ведения блогов, я всегда был поклонником Google Blogger.

После создания моего личного технического блога TechComet на Blogger я понял, что моему блогу не хватает профессионального подхода, поскольку на его значке был установлен логотип Blogger по умолчанию: бело-оранжевая буква «B».

Если вы хотите создать бренд для своего блога, необходимо заменить значок по умолчанию на собственный, соответствующий теме вашего веб-сайта.

В этой статье я опишу шаги по созданию и изменению значка Blogger.

Примечание. Описанные шаги предназначены для пользователей Blogger, однако общие шаги при создании значка можно применить к любому веб-сайту или блогу.

Использование значка

Значок – это значок размером 16×16, который появляется в строке заголовка или адресной строке браузера. Браузеры, поддерживающие просмотр с вкладками, также отображают значок на каждой отдельной вкладке.

хром — панель вкладок

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

Использование значка

2>Создание нового значка

Первый шаг — создать собственный значок.

Значки обычно создаются в формате.ico, однако вы также можете создать их в форматах GIF или PNG.

Если вы не чувствуете себя особенно творчески, вы можете найти в Интернете любое изображение, которое вы хотите отобразить в качестве значка, уменьшить его до размера 16 × 16 и сохранить в формате.ico,.png или. gif-файл. Существует также ряд галерей значков, где вы можете скачать готовые значки необходимого размера и формата.

Однако, если вы собираетесь создать бренд для своего блога, имеет смысл, чтобы значок соответствовал теме вашего блога. Например, у меня в блоге темно-коричневая тема:

Техкомет - логотип

И я решил, что будет наиболее уместно, если я создам значок, соответствующий буквам и цветовой гамме.

логотип-(30х30)

техкомет - вкладка

Photoshop, пожалуй, лучшее приложение для создания значка. Просто не забудьте нарисовать свое изображение на холсте размером 16×16 и сохранить его в формате.gif или.png.

Если у вас нет Photoshop, существует ряд «генераторов значков», таких как этот, с помощью которых вы можете создавать и редактировать изображения на холсте размером 16×16.

Загрузка вашего значка

Blogger не предоставляет услуги хостинга, но любые изображения, которые вы прикрепляете к сообщению блога, автоматически сохраняются в вашей учетной записи Picasa.

Итак, все, что вам нужно сделать, это создать пустую запись в блоге и прикрепить к ней свой значок. Затем просмотрите HTML-версию своего сообщения в блоге, нажав «Редактировать HTML».

URL-адрес блоггера-favicon

Местоположение моего значка: «http://2.bp.blogspot.com/_MZZJ1m2SoG0/TG-IyPj4ZZI/AAAAAAAAAF0/bC0IZk9S3a8/s1600/logo-(16×16).png». Запишите ссылку, на которой находится ваш значок.

Если вы используете другой сервис загрузки изображений, например ImageShack, обязательно запишите прямую ссылку на изображение (т. е. ссылку, которая заканчивается на.ico,.png или.gif и not.html). Например, ссылка ImageShack на мой значок находится по адресу «http://img175.imageshack.us/img175/8924/logo16x16.png».

Изменение значка блоггера по умолчанию

После того как вы создали и загрузили устраивающий вас значок значка, откройте панель управления Blogger и выберите «Дизайн».

блоггер - личный кабинет

Затем в главном окне Blogger выберите «Редактировать HTML».

блоггер - главный

Откроется редактор шаблонов HTML. Здесь установите флажок «Развернуть шаблоны виджетов», чтобы убедиться, что весь HTML-код вашего веб-сайта виден.

Затем прокрутите вниз и вставьте следующее ПЕРЕД тегом «»:

Загрузка вашего значка

//place-your-favicon-url-here" rel="icon"> <link href="http://place-your-favicon-url-here" rel="shortcut icon" type="image/x-icon">

блоггер - редактировать html

Обновите свой блог, и новый значок должен стать видимым.

Изменение значка блоггера по умолчанию

ПОХОЖИЕ СТАТЬИ

Популярные записи