korusni vidjetu

20
Створення та ведення Створення та ведення власного блогу власного блогу ( ( корисні віджети) корисні віджети)

Transcript of korusni vidjetu

Створення та Створення та ведення власного ведення власного

блогублогу ((корисні віджети)корисні віджети)

Ця презентація дає вам початкові знання для того, щоб стати

блоггером!

Гаджет – невеликий допоміжний пристрій, що підключається до основного і часто не має автономного джерела живлення і не вміє працювати самостійно. Іноді гаджетами називають допоміжні елементи графічного інтерфейсу.

Віджет – графічний модуль, або міні-програма, що розміщується в робочому середовищі основної програми і служить для зручності отримання інформації та прикраси.

Що таке гаджет і віджет?

В наш блог, при допомозі віджетів, ми можемо вносити різну корисну для нас інформацію або просто прикраси, які зроблять наш блог більш красивим та динамічним

Для того щоб вставити віджет в блог необхідно зайти у “Дизайн”

Переходимо у “Макет” та знаходимо місце у яке будемо вставляти наш віджет. Для прикладу покажу як можна вставити картинку у бокову панель

Щоб вставити зображення у бокову панель необхідно знайти кнопку “Додати гаджет” після цього відкриється інтерактивне віконечко “Додати гаджети”. У цьому віконечку ми можемо знайти різноманітні гаджети Google, які є для нас доступними. Нам необхідно знайти гаджет “Зображення”.У даному віконці шукаємо кнопку “Зображення”, після чого ми натискаємо на кнопку плюс.

У віконечку, яке нам відкриється вписуємо необхідну інформацію, а саме назву зображення (необов’язково). Вписуємо місце з якого будемо брати зображення. Це може бути зображення з файлу або посилання з сайту.

В нашому випадку я взяла зображення з робочого столу (найкраще зберігати інформацію під руками, тобто на робочому столі). Натискаємо на кнопку “Робочий стіл”. Коли відкриється віконце вибираємо зображення. Підтверджуємо наш вибір кнопкою “Відкрити”

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

Зміни можемо внести при допомозі кнопки “Редагувати” у віконечку нашого зображення.Натискаємо на кнопку “Зберегти компонування” та при допомозі кнопки “Переглянути блог” переглядаємо наш блог в якому вже будуть внесені зміни.Редагувати зображення можемо і при допомозі кнопки, яка розміщена у правому нижньому куті зображення.

Вставлення віджета в блог. Віджетами можуть бути календарі, годинники, інформери погоди, курси валют, розваги… Для прикладу ми вставимо в блог годинник. Сайти з яких ми можемо взяти корисні віджети для нашого блогу:xuxu.org.uawidgetsmonster.comhttp://101widgets.com

Для того щоб внести віджет на блог необхідно мати його Html код для вставки в шаблон вашого блогу.

Html код для вставки в шаблон ми можемо знайти на різних сайтах. В інтернеті ми можемо знайти досить велику кількість сайтів, на яких є велика різноманітність віджетів.

Увага! При допомозі налашування ми можемо змінити розмір нашого віджета. Знайшовши необхідний віджет ми ми копіруємо Html код для вставки в шаблон.

Увійшовши у “Дизайн”, знаходимо вікно “Макет”.

Як втавити Html код для вставки в шаблон ?

Знаходимо місце де будемо вставляти наш годинник.В даному випадку ми встановлюємо його у бокову панель. Для цього відкриваємо вікно “Додати гаджет”.

Після чого відкриється інтерактивне вікно Blogger в якому перераховані всі гаджети, які доступні для вас службою Google Blogger.

Знаходимо гаджет “Текст” після цього натискаємо на синій символ значка плюс, щоб додати його в макет нашого блогу.

Натиснувши на кнопку, відкриється вікно в яке ми вносимо наш Html код для вставки в шаблон блогу, саме той який ми копірували на сайті віджетів.Вносило у віконце заголовок віджета (необов’язково) та власне Html код.Підтверджуємо наш вибір кнопкою «Зберегти»

Такий вигляд має наш блог після вставлення віджету Годинник. Перед переглядом необхідно зберегти компонування у Макеті та натиснути кнопку “Переглянути блог”

Вставлення інформера погоди на наш блог

Для цього необхідно вибрати погодний сайт з якого ми будемо брати інформацію про погоду

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

На даному зображенні показано як заповнити необхідну інформацію на погодному сайті, щод отримати Html код для вставки в шаблон блогу

Після заповнення даних ми повинні підтвердити, що ми приймаємо умови угоди про конфеденційність та бажання отримати свій віджет у блог.Після підтвердження ми кожемо копірувати Html код для вставки в шаблон

Html код для вставки в шаблон ми вносимо при допомозі гаджета HTML/ JavaScript.Для цього, традиційно заходимо у “Дизайн”, з якого заходимо у “Макет” , в якому вибираємо вікно “Додати гаджет”.

У віконечко яке відкриється заносимо назву віджета (необов’язково).Обов’язково вносимо Html код для вставки в шаблонПідтверджуємо наш вибір кнопкою “Зберегти”

У макеті блогу ми можемо при допомозі стрілки миші змінити розташування наших віджетів.Зміни закріплюємо при допомозі кнопки “Зберегти компонування”.

Такий вигляд буде мати наш блог після того як ми його переглянемо.

Бажаю успіхів!