БЛОГ ПОКРОКОВО

Н АТ А Л І Я Я Ц У К
БЛОГ В РОБОТІ ВЧИТЕЛЯ
 КРОК 1

• Створення облікового
запису Google

Мову можна змінити в налаштуваннях

облікового запису!
 КРОК 2

Реєстрація в Blogger
1. В Додатках знаходимо Blogger
2. Переходимо на сторінку
створення блогу
 КРОК 3

• Створення нового блогу

(назва, URL, ім’я адміністратора)
 КРОК 4

• Вибір теми та її налаштування

 КРОК 5

• Вибір фонового зображення

 КРОК 6

• Налаштування параметрів (ширини, макета).

Збереження змін
 КРОК 7

Редагування макета (структури блогу)

1. Видаляємо непотрібні ґаджети
2. Встановлюємо те, що нам подобається (текст, картинки,
опитування, інше)
 ГОДИННИК

• Посилання на сайт 1
• Посилання на сайт 2
• Посилання на сайт 3
Кожна частина блогу редагується (панель навігації,
заголовок, усі стовпці)
 КРОК 8

• Створення горизонтального меню

Звичайне меню
•

«Випадаюче» меню
•
• Для звичайного горизонтального меню потрібно
попередньо СТВОРИТИ необхідні сторінки

1 2 3

4
А потім поставити «галочки» в потрібному порядку
напроти відповідних сторінок меню
• Натискаємо

• Горизонтальне меню готове!

• Для створення
«випадаючого»
горизонтального меню
використовується
спеціальний скрипт
• Текст копіюється,
редагується в окремому
документі (назви
сторінок та їхні адреси)
та вбудовується у
відповідне місце шаблону
- Вміст

Посилання на ресурс
• Тепер меню має такий вигляд:
• А так виглядає меню мого особистого блогу:
 КРОК 9

• Створення публікацій
• Перша публікація готова!
 ДАЛІ ВИ МОЖЕТЕ:

• переглянути блог (у новому вікні);

• редагувати публікацію (в будь-який час);
• додати нову публікацію;
• видалити свою публікацію чи перенести в чернетки.

1
 КРОК 10

Створення та редагування сторінок

• Заходимо в Редактор
• В меню зліва знаходимо сторінки
• Натискаємо на потрібну сторінку або створюємо нову
• У вікні, що відкрилося, починаємо працювати.
• Зміни зберігаємо.
• Можемо включати
СКРІПТ ДЛЯ ЗАБОРОНИ КОПІЮВАННЯ

<script type="text/javascript">
document.ondragstart = noselect;
// запрет на перетаскивание
document.onselectstart = noselect;
// запрет на выделение элементов страницы
document.oncontextmenu = noselect;
// запрет на выведение контекстного меню
function noselect() {return false;}
</script>
• https://devaka.ru/articles/zashita-kontenta
• https://callbackhunter.com/blog/kak-zashitit-tekst-i-kartinki-na-sayte-ot-k
opirovaniya
/
• http://html-pedia.narod.ru/javascript/copy.html
 РУХОМИЙ РЯДОК

<marquee>Текст рухомого рядка</marquee>

(Можна використовувати в публікаціях

та на сторінках)

Посилання 1, посилання
2
КРОК 11 - як вбудувати зображення

Права кнопка миші

 КРОК 12

Як зробити гіперпосилання
• Гіперпосиланнями пов’язані
всі сторінки мого блогу.
• Часто даю посилання на
онлайн-дошки, тести,
документи з Google Диску чи
відео
1. Виділити частину тексту.
2. Натиснути на
3. Вставити посилання.
4. Застосувати.
 КРОК 13

Як вбудувати об’єкт за допомогою HTML

коду на сторінку чи в публікацію
1. Копіювати код потрібного об’єкту

2. В лівому верхньому кутку редактора

сторінки натиснути на
3. Вставити код Ctrl+V
4. Зберегти зміни
 КРОК 14

Як вбудувати документ чи
презентацію на сторінку
1. Попередньо завантажити на
відповідний веб-сайт

2. Копіювати HTML
3. Вставити за допомогою
коду на веб-сторінку
4. 3берегти зміни
Успіху та натхнення вам у створенні власного блогу!