Як зробити, щоб був фон у блозі

Як зробити, щоб був фон у блозі

Блоги в наш час повністю замінили людям особисті щоденники в зошитах. Ми писали їх у школі, давали читати кращим друзям, а зараз, перечитуючи, посміхаємося своїм емоціям і переживань. Зараз всі переживання, настрої і враження виставляються на огляд громадськості. Блоги стали дуже популярні, люди спілкуються, викладають там свою творчість, фотографії.

Вам знадобиться

- Комп’ютер з виходом в інтернет
- Браузер
- Базові навички html-верстки

Інструкція

  1. Відкрийте браузер і перейдіть на сторінку bgpatterns.com, щоб зробити фон для блогу. На сайті можна вибрати фон із запропонованих варіантів. Виберіть вкладку Color, активуйте режим Background Color Change. У правому верхньому кутку, команду колірну зону, або призначте необхідний колір за допомогою шестизначного цифрового коду. Відкрийте вкладку Canvas та виберіть потрібний градієнт (підкладку) для нового фону. Після цього виберіть вкладку Image і виберіть потрібне зображення. На вкладці Rotate за потребою поверніть картинку по осі. Далі натисніть на команду Download image, яка знаходиться праворуч, після цього збережіть отриманий фон на свій комп’ютер.
  2. Визначте, як ви створювали свій блог. Якщо був використаний шаблон, і він збережений на вашому комп’ютері, запустіть програму FileZilla, з її допомогою зайдіть в cPanel, перейдіть до шаблону блогу, видаліть старий фон, якщо він у вас був і поставте новий бекграунд.
  3. Перейдіть на сторінку blogger.com, якщо ваш блог був створений там. Щоб створити фон блогу, завантажте створену раніше або іншу, знайдену вами картинку, збережіть її на сайт radikal.ru. Перейдіть до налаштувань блога. Зайдіть у вкладку Макет, далі змінити HTML. Знайдіть місце в коді, де є опис тега body {…..} і скопіюйте тода посилання на своє зображення, за допомогою котрого ви хочете зробити фон в полі background. У вас вийде приблизно такий код:

    body {

     margin: 0;

     padding: 0;

     font-size: small;

     text-align: center;

     color: $ textColor;

     line-height: 1.3em;

     background: # FFF3DB url («http://s54.radikal.ru/i144/0808/b7/0c8cdf28253f.jpg») repeat;

    }
  4. Перейдіть на сайт wordpress, зайдіть в свій блог, якщо ви створювали його там, і, щоб поставити бекграунд, перейдіть в меню настройки і виберіть там команду меню «Custom Background». Виберіть заздалегідь знайдену картинку, яку хочете використовувати в якості фону, зі свого комп’ютера. Далі виберіть опцію «Tile the background», яка розтягне фон на весь сайт.