Як зробити фон блогу

Як зробити фон блогу

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

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

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

Інструкція

  1. Запустіть браузер. Перейдіть на сайт bgpatterns.com. Там виберіть фон на свій смак з запропонованих варіантів. Перейдіть на вкладку Color, виберіть режим Background Color Change. У вікні праворуч виберіть колірну зону, також ви можете призначити колір за допомогою числового 6-значного коду. Потім перейдіть до вкладки 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», яка розтягне фон для всього сайту.