Как да добавите фон на блога: 8 стъпки (със снимки)

Съдържание:

Как да добавите фон на блога: 8 стъпки (със снимки)
Как да добавите фон на блога: 8 стъпки (със снимки)

Видео: Как да добавите фон на блога: 8 стъпки (със снимки)

Видео: Как да добавите фон на блога: 8 стъпки (със снимки)
Видео: Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture. 2024, Април
Anonim

Блогърите обикновено променят фона на блога, за да направят блога си по -привлекателен за посетителите. Фоново изображение, което е добавено неправилно, може да обърка зрителя и да накара посетителите да прехвърлят страницата от вашия блог. За да добавите правилно фона на блога, важно е да използвате правилните HTML кодове.

Стъпки

Добавяне на фон на блога Стъпка 1
Добавяне на фон на блога Стъпка 1

Стъпка 1. Отидете на HTML страницата за вашия блог

Ако редактирате блога си офлайн, можете да го отворите в Dreamweaver, за да промените HTML. Услугите за блогове като Blogger ви позволяват да променяте HTML онлайн, като отидете на страницата „Дизайн“и изберете раздела „Редактиране на HTML“. Трябва да имате достъп до HTML кодовете за вашия блог и начинът, по който правите това, може да варира значително в зависимост от това какви услуги и методи за блогове използвате.

Добавяне на фон на блога Стъпка 2
Добавяне на фон на блога Стъпка 2

Стъпка 2. Не се опитвайте да търсите отделно изображение с различен цвят, ако всичко, което искате да направите, е да промените цвета на фона

Вместо това можете просто да редактирате своя HTML, за да промените съществуващия цвят на този, който искате.

  • Потърсете „HTML цветова диаграма“в Интернет. Трябва да можете да намерите таблица, която показва различни цветове, заедно с тяхното име на цвят и шестнадесетичен (шестнадесетичен) номер. HEX номерът е числото, използвано в HTML, така че трябва да запомните HEX номера за конкретния цвят, който искате като фон.
  • Намерете кода в блога си, който определя цвета на фона. Ще изглежда така.

    • тяло {
    • цвят на фона: #XXXXXX;
Добавяне на фон на блога Стъпка 3
Добавяне на фон на блога Стъпка 3

Стъпка 3. Ще видите HEX номера на съществуващия цвят вместо X, показани в примерния код

Променете HEX номера на номера за цвета, който искате като фон. След като запазите и приложите новия 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 и прегледате блога си

Трябва да видите изображението, добавено като фон.

Препоръчано: