Как добавить фон для блога: 8 шагов (с изображениями)

Оглавление:

Как добавить фон для блога: 8 шагов (с изображениями)
Как добавить фон для блога: 8 шагов (с изображениями)

Видео: Как добавить фон для блога: 8 шагов (с изображениями)

Видео: Как добавить фон для блога: 8 шагов (с изображениями)
Видео: Урок 21-2. Медиафайлы WordPress. Три способа как вставить изображение в статью блога на WordPress. 2024, Май
Anonim

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

Шаги

Добавить фон для блога Шаг 1
Добавить фон для блога Шаг 1

Шаг 1. Перейдите на HTML-страницу своего блога

Если вы редактируете свой блог в автономном режиме, вы можете открыть его в Dreamweaver, чтобы изменить HTML. Службы ведения блогов, такие как Blogger, позволяют изменять HTML в Интернете, перейдя на страницу «Дизайн» и выбрав вкладку «Редактировать HTML». У вас должен быть доступ к HTML-кодам вашего блога, и то, как вы это делаете, может сильно различаться в зависимости от того, какие службы и методы ведения блогов вы используете.

Добавление фона для блога Шаг 2
Добавление фона для блога Шаг 2

Шаг 2. Не пытайтесь искать отдельное изображение с другим цветом, если все, что вы хотите сделать, это изменить цвет фона

Вместо этого вы можете просто отредактировать свой HTML, чтобы изменить существующий цвет на тот, который вам нужен.

  • Выполните поиск по запросу "Цветовая диаграмма HTML" в Интернете. Вы должны найти таблицу, которая отображает разные цвета вместе с их названиями цветов и шестнадцатеричными числами. Шестнадцатеричное число - это число, используемое в HTML, поэтому вам нужно запомнить шестнадцатеричное число для конкретного цвета, который вы хотите использовать в качестве фона.
  • Найдите в своем блоге код, определяющий цвет фона. Это будет выглядеть так.

    • тело {
    • цвет фона: #XXXXXX;
Добавление фона для блога Шаг 3
Добавление фона для блога Шаг 3

Шаг 3. Вы увидите шестнадцатеричное число существующего цвета вместо X в образце кода

Измените шестнадцатеричное число на число того цвета, который вы хотите использовать в качестве фона. После сохранения и применения нового HTML вы увидите новый цвет в качестве фона

Метод 1 из 1. Добавление фонового изображения для блога

Добавление фона для блога Шаг 4
Добавление фона для блога Шаг 4

Шаг 1. Выберите изображение, которое вы хотите добавить в качестве фона

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

Добавление фона для блога Шаг 5
Добавление фона для блога Шаг 5

Шаг 2. Загрузите изображение

Веб-сайты фотохостинга, такие как Picasa, Flickr и Photobucket, позволяют загружать изображения бесплатно. Служба хостинга вашего блога также может позволять вам загружать изображения аналогично тому, как размещается остальная часть вашего блога.

Добавление фона для блога Шаг 6
Добавление фона для блога Шаг 6

Шаг 3. Получите URL-адрес изображения

Для этого вам нужно открыть изображение в своем интернет-браузере и скопировать URL-адрес, по которому оно отображается.

Добавление фона для блога Шаг 7
Добавление фона для блога Шаг 7

Шаг 4. Вставьте код для добавления изображения в качестве фона

Вот HTML-код.

    • тело {
    • background-image: url (URL изображения);
  • Вам нужно добавить код в начало HTML-кода вашего блога. Замените «URL-адрес изображения» полным URL-адресом, на котором находится ваше изображение.
Добавление фона для блога Шаг 8
Добавление фона для блога Шаг 8

Шаг 5. Сохраните изменения после редактирования HTML и просмотра своего блога

Вы должны увидеть изображение, добавленное в качестве фона.

Рекомендуемые: