РАДА ВІТАТИ ВАС НА СТОРІНКАХ БЛОГУ

Блоги

Створення блогів для початківців

Існує безліч платформ для створення блогів, найпоширеніші з них це:

*Livejournal (www.livejournal.com);
*Blogger (www.blogger.com);
*Blog.Net.Ua.
 Для тих у кого ще немає власного блогу, пропоную створити його на платформі 
Blogger (я особисто використовую цю платформу). 


  1. Створіть власний обліковий запис (акаунт) на сервісі Google, якщо ви ще не маєте його. Для цього потрібно:
    1. Відкрити у вікні браузера сторінку http://www.google.com.ua/
    2. Вибрати гіперпосилання Увійти у верхньому правому куті вікна
    3. Вибрати гіперпосилання Увійти в інший обліковий запис
    4. Вибрати гіперпосилання Додати обліковий запис
    5. Вибрати гіперпосилання Створити обліковий запис
    6. Заповнити поля форми Створіть обліковий запис Google.

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

Виконавши це завдання ви будете вміти створювати блоги та публікувати дописи.
Блог — це ваш веб-сайт, який легкий у користуванні. Це те місце, де ви можете швидко публікувати свої думки, отримувати коментарі на них, спілкуватися з людьми та багато чого іншого. І все це БЕЗКОШТОВНО.

СТВОРИТИ АКАУНТ НА GOOGLE

Завантажте браузер та відкрйте сайт https://www.blogger.com/start


Оберіть мову спілкування (в правому верхньому куті, або на нижньому меню).
Натисніть на кнопку Створити блог
Ви перейдете на сторінку Створити акаунт Google. Заповніть поля, запропонованої вам форми: 
  • При заповненні вкажіть свою власну справжню електронну адресу.
  • Відразу запишіть свій логін та пароль у свій блокнот, щоб ви завжди могли його знайти.
  • Виконайте перевірку словом
  • Вкажіть що ви згодні з умовами надання послуг, поставивши прапорець (галочку) та натисніт на стрілку Продовжити.
Примітка. Бажано прочитати умови надання послуг.


На вашу електронну скриньку, яку ви вказали при заповненні форми, має прийти лист.
Для активізації вашого акаунта та підтвердження вашої електронної адреси, будь ласка, клацніть на надісланому в листі гіперпосиланні.
Ваш особистий акаунт створено і підтверджено.
Примітка. Якщо Ви вже маєте акаунт Google (електронну пошту на gmail, yahoo) у службах Gmail, Групи Google (Yahoo) або Orkut, клацніть по посиланню спочатку ввійдіть до нього.

СТВОРИТИ ПЕРШИЙ БЛОГ

На сторінці назвіть Ваш блог заповніть поля, запропонованої вам форми.

Крок 1. Введіть назву.
Назвіть ваш блог. Це може бути, наприклад, така назва — «Соціальні сервіси в моєму житті»  Примітка. Ви потім зможете змінити назву свого блогу.
Крок 2. Введіть адресу блогу.
Коли ви введете Адресу блогу (латиницею), натисніть на посилання і перевірте доступність адреси . Якщо така назва блогу вже існує (створена іншими), змініть назву. Проте важливо, щоб назва була пов’язана з темою, змістом блогу.
УВАГА!! Обов’язково відразу занотуйте в записник адресу блога, який ви створили. Наприклад :web2service.blogspot.com
Тепер цю адресу ви можете надіслати вашим друзям, іншим людям з якими збираєтесь співпрацювати.
Крок 3. Натисніть на стрілку продовжити.
Крок 4.Задайте макет.
Для оформлення блогу виберіть шаблон (макет) із запропонованих макетів (його можна буде потім змінити) та натисніть Продовжити.

У разі правильного виконання дій, система видасть повідомлення про успішне створення блогу. Для того, щоб додати свій перший допис до блогу слід вибрати кнопку Початок ведення блогів

Далі ви можете продовжити роботу щодо публікації дописів (вибрати кнопку Початок введення блогів) або завершити сеанс роботи (вибрати посилання Вийти).

СТВОРИТИ ПЕРШЕ ПОВІДОМЛЕННЯ (ДОПИС)

Перше повідомлення повинно містити інформацію про призначення вашого блога (за бажанням можете розмістити інформацію про себе).
Крок 1. Щоб розмістити в блозі нове повідомлення, необхідно перейти на вкладку Надсилання дописів.
Крок 2. У вікні вбудованого редактора, що відкрилося, слід (рис.7)ввести заголовок допису. Наприклад: «Тематика блога» «Деякі терміни, що використовуються в блогах», або «Для чого мені потрібні соціальні сервіси», або….
Крок 3. В текстовому полі під заголовком напишіть своє невелике повідомлення. Для оформлення тексту використовуйте інструменти, зображені відповідними піктограмами на панелі інструментів над текстовим полем.
Крок 4. Впишіть Мітки для цієї публікації. Наприклад, для блогу «Соціальні сервіси в моєму житті» мітка (тег, ярлик) може бути така: Словник для повідомлення с заголовком «Деякі терміни, що використовуються в блогах». Тег Словник вказує, тему, яка висвітлюється в даному повідомленні, однак в ньому ж розкривається тема блоги, тому краще вказати дві мітки: Словник та Блоги. Мітки, при введенні, розділяються комами.
При публікації повідомлення в ньому будуть перераховані мітки. Натискуючи будь-яку з них, ви перейдете до сторінки, що містить лише повідомлення з вказаною міткою.
Крок 5. Натисніть на кнопку Опублікувати допис.

З’явиться напис Допис вашого блога успішно опубліковано. Далі Ви можете:
    • Переглянути блог (у новому вікіні)
    • редагувати публікацію - внести зміни в допис, який ви щойно створили
    • додати нову публікацію - опублікувати нове повідомлення.
Обираємо переглянути блог, в режимі перегляду блог відкривається в новому вікні/вкладці.
Примітка: Пам’ятайте, що кожна нова стаття буде розміщуватись над попередньою. Тобто ваша перша стаття стане останньою (нижньою) в блозі.

ЗАВЕРШИТИ СЕАНС РОБОТИ

Для завершення поточного сеансу роботи з блогами слід вибрати посилання Вийти.

СТВОРИТИ АКАУНТ НА GOOGLE

    • Завантажте браузер та відкрйте сайт https://www.blogger.com/start


      Оберіть мову спілкування (в правому верхньому куті, або на нижньому меню).
      Натисніть на кнопку Створити блог
      Ви перейдете на сторінку Створити акаунт Google. Заповніть поля, запропонованої вам форми: 

      • При заповненні вкажіть свою власну справжню електронну адресу.
      • Відразу запишіть свій логін та пароль у свій блокнот, щоб ви завжди могли його знайти.
      • Виконайте перевірку словом
      • Вкажіть що ви згодні з умовами надання послуг, поставивши прапорець (галочку) та натисніт на стрілку Продовжити.
      Примітка. Бажано прочитати умови надання послуг.


      На вашу електронну скриньку, яку ви вказали при заповненні форми, має прийти лист.
      Для активізації вашого акаунта та підтвердження вашої електронної адреси, будь ласка, клацніть на надісланому в листі гіперпосиланні.
      Ваш особистий акаунт створено і підтверджено.
      Примітка. Якщо Ви вже маєте акаунт Google (електронну пошту на gmail, yahoo) у службах Gmail, Групи Google (Yahoo) або Orkut, клацніть по посиланню спочатку ввійдіть до нього.

СТВОРИТИ ПЕРШИЙ БЛОГ

    • На сторінці назвіть Ваш блог заповніть поля, запропонованої вам форми.

      Крок 1. Введіть назву.
      Назвіть ваш блог. Це може бути, наприклад, така назва — «Соціальні сервіси в моєму житті»  Примітка. Ви потім зможете змінити назву свого блогу.
      Крок 2. Введіть адресу блогу.
      Коли ви введете Адресу блогу (латиницею), натисніть на посилання і перевірте доступність адреси . Якщо така назва блогу вже існує (створена іншими), змініть назву. Проте важливо, щоб назва була пов’язана з темою, змістом блогу.
      УВАГА!! Обов’язково відразу занотуйте в записник адресу блога, який ви створили. Наприклад :web2service.blogspot.com
      Тепер цю адресу ви можете надіслати вашим друзям, іншим людям з якими збираєтесь співпрацювати.
      Крок 3. Натисніть на стрілку продовжити.
      Крок 4.Задайте макет.
      Для оформлення блогу виберіть шаблон (макет) із запропонованих макетів (його можна буде потім змінити) та натисніть Продовжити.

      У разі правильного виконання дій, система видасть повідомлення про успішне створення блогу. Для того, щоб додати свій перший допис до блогу слід вибрати кнопку Початок ведення блогів

      Далі ви можете продовжити роботу щодо публікації дописів (вибрати кнопку Початок введення блогів) або завершити сеанс роботи (вибрати посилання Вийти).

СТВОРИТИ ПЕРШЕ ПОВІДОМЛЕННЯ (ДОПИС)

    • Перше повідомлення повинно містити інформацію про призначення вашого блога (за бажанням можете розмістити інформацію про себе).
      Крок 1. Щоб розмістити в блозі нове повідомлення, необхідно перейти на вкладку Надсилання дописів.
      Крок 2. У вікні вбудованого редактора, що відкрилося, слід (рис.7)ввести заголовок допису. Наприклад: «Тематика блога» «Деякі терміни, що використовуються в блогах», або «Для чого мені потрібні соціальні сервіси», або….
      Крок 3. В текстовому полі під заголовком напишіть своє невелике повідомлення. Для оформлення тексту використовуйте інструменти, зображені відповідними піктограмами на панелі інструментів над текстовим полем.
      Крок 4. Впишіть Мітки для цієї публікації. Наприклад, для блогу «Соціальні сервіси в моєму житті» мітка (тег, ярлик) може бути така: Словник для повідомлення с заголовком «Деякі терміни, що використовуються в блогах». Тег Словник вказує, тему, яка висвітлюється в даному повідомленні, однак в ньому ж розкривається тема блоги, тому краще вказати дві мітки: Словник та Блоги. Мітки, при введенні, розділяються комами.
      При публікації повідомлення в ньому будуть перераховані мітки. Натискуючи будь-яку з них, ви перейдете до сторінки, що містить лише повідомлення з вказаною міткою.
      Крок 5. Натисніть на кнопку Опублікувати допис.

      З’явиться напис Допис вашого блога успішно опубліковано. Далі Ви можете:

        • Переглянути блог (у новому вікіні)
        • редагувати публікацію - внести зміни в допис, який ви щойно створили
        • додати нову публікацію - опублікувати нове повідомлення.
      Обираємо переглянути блог, в режимі перегляду блог відкривається в новому вікні/вкладці.
      Примітка: Пам’ятайте, що кожна нова стаття буде розміщуватись над попередньою. Тобто ваша перша стаття стане останньою (нижньою) в блозі.

ЗАВЕРШИТИ СЕАНС РОБОТИ

    • Для завершення поточного сеансу роботи з блогами слід вибрати посилання Вийти.

ПЕРЕГЛЯНУТИ ДОПИСИ


Управління блогами

             Виконавши це завдання ви будете вміти:

      • переглядати та коментувати дописи в блогах ваших товаришів,
      • налаштовувати доступ до вашого блога та коментарі,
      редагувати дописи та додавати до них зображення.

ПЕРЕГЛЯНУТИ ДОПИСИ

    • Для того, щоб переглянути публікації в блогах, слід у рядок адреси браузера ввести адресу потрібного блогу . У вікні, що відкрилося, ви можете побачити останні публікації. Кожна публікація супроводжується наступними даними: дата, тема, вміст, автор, кількість коментарів.
      Перегляньте дописи у власному блозі та блогах інших учасників навчального курсу.

ЗАЛИШІТЬ КОМЕНТАРІ В БЛОГАХ УЧАСНИКІВ НАВЧАЛЬНОГО КУРСУ

    • Для того, щоб залишити коментарі до повідомлення в блозі інших користувачів сервісу слід вибрати посилання коментарі (розташовано внизу допису). У вікні, що відкрилося, слід:
      • у поле Залишити коментар ввести необхідний текст
      • у поле Перевірка словом ввести запропоновані символи
      • вибрати перемикач Google/ Bloger та ввести в поля Ім‘я користувача та Пароль необхідні дані
      • вибрати кнопку Опублікуйте свій коментар.
      Перегляньте коментарі у власному блозі.

РОЗПОЧАТИ НОВИЙ СЕАНС РОБОТИ

    • Відкрийте браузер та завантажте сайт https://www.blogger.com/start.
      Для того, щоб розпочати новий сеанс роботи, необхідно у спеціальну форму ввести логін і пароль та вибрати кнопку Увійти.

ОЗНАЙОМИТИСЯ З МОЖЛИВОСТЯМИ ВІКНА ПАНЕЛЬ ІНСТРУМЕНТІВ


    • При повторному входженні в систему відкриється вікно Панель інструментів, яке містить список ваших блогів та посилання, які роблять роботу з блогами більш зручною й простою.
      Розглянемо основні об’єкти вікна Панель інструментів їх призначення:
      Створити блог - створити новий блог
      Довідка - отримати відповіді на запитання щодо роботи в середовищі
      Нова публікація - додати новий допис до блогу
      Редагувати дописи - переглянути весь список дописів, видалити окремі дописи або додати нові
      Налаштування - змінити назву та опис, задати глобальні параметри
      Макет - налаштувати зовнішній вигляд блогу
      Редагувати профіль - переглянути або змінити дані про користувача середовища

НАЛАШТУВАТИ КОМЕНТАРІ

    • У вікні Панель інструментів виберіть посилання Налаштування.
      На вкладці Налаштування натисніть посилання Примітки.

      Налаштуйте ті параметри приміток, які вам потрібні.
      Обов’язково пропишіть власну електронну адресу для сповіщення про коментар. І тоді інформація про всі записи, які зробили відвідувачі в вашому блозі, будуть надсилатись на вашу поштову скриньку. Ви зможете слідкувати за публікаціями в блозі, не відкриваючи його в Інтернеті, вчасно редагувати чи видаляти непотрібне від «непрошенных гостей». До вас надійде не сам текст, а лише повідомлення про нього.

НАЛАШТУВАТИ ДОСТУП ЧИТАЧІВ ДО СВОГО БЛОГУ

    • На вкладці Налаштування натисніть посилання Дозволи.
      В розділі Дозволи в залежності від того, кому ви даєте право читати свій блог, позначте один із варіантів:

      • «Будь хто» - надати дозвіл читати всім. Рекомендується для всіх учасників навчального курсу. Тоді читати, переглядати ваш блог зможуть усі.
      • Лише вибрані мною особи - читати блог можуть лише вибрані Вами люди.
      • Лише автори блогів - в окремих випадках це можуть бути лише автори блоґів – ця опція ТІЛЬКИ для особистих щоденників, які ви не хочете щоб читали інші.

ДОДАТИ ЗОБРАЖЕННЯ ДО ПЕРШОГО ДОПИСУ

    • Під час написання допису або після його публікації Ви можете додати зображення (малюнок, фото).
      Для того, щоб вставити зображення потрібно знаходитись в режимі редагування (створення) статті. Для цього слід перейти за посиланням Редагувати дописи. У вікні, що відкрилося, вибрати відповідне посилання редагувати.

      У вікні вбудованого редактора:

      • Натиснути на кнопку Додати зображення.
      • Вибрати з вашого комп’ютера фото чи малюнок та завантажити його на сервер Blogger.
      • Після натискання Готово, ваш малюнок з’являється на сторінці допису.
      Ви можете попередньо переглянути, як буде розміщено зображення на сторінці блога, натиснувши посилання Попередній перегляд.
      Якщо вас влаштовує розміщення малюнка — натисніть кнопку Опублікувати допис. Зачекайте, поки завантажиться сторінка.
      Тепер ви можете Переглянути блог (у новому вікні), додати новий допис або внести зміни в створений.
      Увага! НЕ закривайте браузер. Редагування можна продовжити користуючись попереднім вікном. (Відкрити вікно редагування конкретного допису дуже зручно, скориставшись піктограмою з зображенням олівця, що знаходиться в нижньому правому куточку цього допису)

Налаштування блога

            Налаштування блога

    • Виконавши це завдання ви зможете зробити свій блог привабливішим та зручнішим. Завжди можете змінити вибраний вами макет та його елементи.

РОЗПОЧАТИ НОВИЙ СЕАНС РОБОТИ

    • Відкрийте браузер та завантажте сайт https://www.blogger.com/start.
      Для того, щоб розпочати новий сеанс роботи, необхідно у спеціальну форму ввести логін і пароль та вибрати кнопку Увійти.

НАЛАШТУВАТИ ЕЛЕМЕНТИ СТОРІНКИ

    • Для того щоб змінити шаблон та дизайн оформлення, макет сторінки, слід вибрати посилання Макет. У вікні, що відкрилося , для зміни макету слід вибрати посилання Елементи сторінки, для зміни шаблону – посилання Вибрати новий шаблон, для зміни кольорової палітри шаблону – Шрифти та кольори 
      Кожний розділ макету можна редагувати і додавати нові елементи, слідуючи інструкціям.

Змінити шапку блогу

    • Крок 1. Виберіть посилання Редагувати у розділі з назвою вашого блогу (в прикладі «Соціальні сервіси в моєму житті»). Відкриється вікно Конфігурація шапки
       Крок 2. Заповніть поля.
      Вставте малюнок-емблему вашого блогу, завантаживши його з вашого комп’ютера. (Цей малюнок-емблема та текст будуть завжди у частині заголовку блогу.)
      Примітка: Краще за все заповнити поля,
      ввівши опис блогу, не завантажуючи малюнок або
      замість назви і опису підготувати і завантажити малюнок, орієнтовно, розміром 730 на 120 пікселів.
      Крок 3. Натисніть на кнопку Зберегти.
      При цьому зверху вікна з’явиться повідомлення 

      Натисніть посилання Переглянути блог
      Якщо вас влаштовує такий зовнішній вигляд блога, закрийте вікно Конфігурація навігаційної понелі та вікно перегляду.

 Додати гаджети

    • Ви можете додати до блогу: Опитування, Список, Малюнок, Список посилань, Текст, канал RSS, HTML/JavaScript, слідуючи інструкціям або будь-який гаджет, що буде корисним для ваших потреб.
      Організовуємо експрес-опитування
      Гаджет Опитування дозволяє з'ясувати думку відвідувачів вашого блогу та побачити кількість вибраних ними варіантів відповідей, на поставлені Вами запитання.

      Крок 1. Виберіть посилання Додати гаджет
      Крок 2. У вікні Додати гаджет виберіть елемент Опитування натисніть на кнопку «+».
      Крок 3. У вікні Створити опитування пропишіть запитання, на яке ви хочете отримати відповідь та варіанти відповіді .
      Наприклад: Які соціальні сервіси вам найбільше подобаються? WikiWiki, блоги, YouTube,Picasa.

      • Дозвольте відвідувачам обирати кілька відповідей.
      • Пропишіть дату завершення опитування. Після цієї дати опитування автоматично буде закрите.
      Крок 4. Натисніть на кнопку Зберегти.
      Крок 5. Протестуйте елемент Опитування. Спробуйте дати відповідь на запитання, щоб перевірити, як працює цей елемент.

      Збираємо коло друзів 
      Гаджет Прихильники дозволяє побачити постійних читачів вашого блога.
      Крок 1. Виберіть посилання Додати гаджет  
      Крок 2. У вікні Додати гаджет виберіть елемент Прихильники, натисніть на кнопку «+».

      Крок 3. У вікні Налаштувати список прихильників введіть назву, налаштуйте кольорову палітру та виберіть кнопку Зберегти

      Крок 4. Перегляньте блоги учасників навчального курсу та станьте постійними читачами

НАЛАШТУВАТИ ШРИФТИ ТА КОЛЬОРОВУ ПАЛІТРУ ЕЛЕМЕНТІВ СТОРІНКИ

    • Ви можете налаштувати шрифти та кольори всього макету, натиснувши на Шрифти та кольори


      Налаштуйте, за бажанням, всі елементи сторінки, що з’явиться. Обов’язково натисніть кнопку Зберегти зміни.
      Клацніть Дивитися блог для перегляду того, як блог відтепер виглядатиме в Інтернеті.

Чат у блозі


Чат у блозі

Всі до чату!Інструкція щодо включення до свій блог чату.
http://cbox.ws/ - сайт чату.
Пройдіть за посиланням:
http://www.cbox.ws/getone.php - заповнюємо представлену реєстраційну форму.
CBOX ім'я: назва чату (англійською мовою, наприклад: Розмова)
Адреса електронної пошти: адреса вашої поштової адреси
Пароль: пароль
Confirm Password: повторіть пароль
Сайт: адреса вашого блогу (відкрийте головну сторінку вашого блога, скопіюйте адресу в адресному рядку і вставте в потрібний рядок )
Мова: виберіть мову.
Стиль: Стиль вашого чату. Сучасні Blue - цей стиль стоїть у нас у блозі, тому можете поекспериментувати і вибрати інший.


Поставити галочку у віконці (згоду з умовами сайту) і натискаємо кнопку Greate мій CBOX.




 
 


Якщо все зробили правильно, ви потрапите на таку сторінку.

  
Пройдіть в свою пошту (адреса якої ви вказали при реєстрації).
Знайдіть лист Ласкаво просимо CBOX! Відкрийте його і пройдіть по посиланню.











  
Ось, що ви побачите. Копіюємо весь код.
  
Потім відкриваємо свій блог, проходимо за посиланням Дизайн, потім Додати гаджет.
Вибираємо гаджет «HTML / JavaScript» і вставляємо отриманий код.
Вписуємо заголовок, якщо хочете і зберігаємо.

Завдання: створіть чат, в коментарях до даного повідомлення запросіть колег до обговорення в чаті питання, яке важливе для Вас і як Ви думаєте зацікавить наших учасників.
Як  вставити  3 картинки в ряд?

Для опытных пользователей фото редакторов или для любителей Instagram вставить несколько картинок в ряд совсем не сложно, как впрочем и для опытных блогеров. Что же делать тем, кто только делает первые шаги по ведению блога. Большинство предложенных решений сложны и непонятны. Впрочем, я сама еще вчера не умела этого делать. 

Раньше я бы сделала коллаж на компьютере и вставила его целиком. Сейчас сплелись три проблемы в один узел: мой бук не позволяет работать с папками, не открывается Пикаса на буке и бесплатное место в веб-альбомах Пикаса подходит к концу..плюс супер скоростной инет с флешки. Пришлось искать решение в на доступном языке и методом проб и ошибок превращать его в пошаговую инструкцию.
 Итог Вы уже видели: три фото моей любимой мамули в ряд. Интересно? Читаем.
Я уверена, что это не единственный способ разместить в ряд несколько изображений, и если я найду другой, то обязательно поделюсь с Вами. А сейчас разберемся с тем, что имеем.
Допустим, что Вы уже написали часть сообщения и именно в данном месте нужно разместить картинки в ряд. Замираем на минутку и, ничего не трогая, ищем в том ряду, где Вы выбираете шрифт, цвет, вставляете изображения, кнопочку, которую раньше не замечали или просто боялись и игнорировали - HTML. 
Нашли? Не пугайтесь, дальше сложно не будет. Смело жмём на эти 4 заветные буковки и получаем вместо написанного нами понятного текста набор закорючек с местами знакомыми буквами. Теперь в конце тех загогулин , то есть в том месте, где Вы хотите разместить фото, вставляем код 
<table>
<tbody>
<tr>
<td>столбец 1</td>
<td>столбец2</td>
<td>столбец3</td>
</tr>
</tbody>
</table>
Больше ничего не трогая в тех дебрях, жмём левее той кнопочки СОЗДАТЬ и попадаем в привычное сообщение, в котором после текста появились 
столбец1 столбец2 столбец3
Дальше уже все просто: ставим курсор перед СТОЛБЕЦ1 и вставляем в обычном режиме изображение (да-да, как обычно Вы это делаете). 
получаем это:

столбец 1
столбец2столбец3

Далее аналогично ставим курсор перед СТОЛБЕЦ2 и вставляем вторую картинку.

столбец 1
столбец2
столбец3

У меня третью фотографию вставлять некуда, не хватает ширины сообщения, поэтому я выбираю изображение маленькое и уже привычными движениями добавляю последнее фото.

столбец 1
столбец2
столбец3

Дело осталось за малым. Просто как обычный текст стереть эти столбцы. Готово! Смотрим то, что получилось и довольно улыбаемся)))
А хотите больше картинок? Уже не страшно и хочется узнать новенькое? Напишу в ближайшее время, так как сначала нужно самой все попробовать. Буду рада комментариям и если не сложно, делитесь ссылками. Не столько рекламы хочется, сколько активных дискуссий, ведь у нас у всех есть свои хитрости. Так давайте делиться!
ВАЖНО! Часто получается не очень красиво из-за разного размера изображений (как у меня одна картинка меньше двух других). В данном случае высота у всех трех изображений должна быть одинаковой. Как это сделать и сделать просто написано здесь




Що таке віджет? Створення віджетів у блозі?

З поняттям віджет ми зазвичай можемо зіткнутися в інтернеті, переглядаючи черговий найцікавіший сайт або блог. Однак, далеко не всім користувачам інтернет-простору відомо призначення віджету. У найвужчому розумінні віджети , також відомі як гаджети, це маленькі інструменти або додатки, які можуть бути додані на сайт або блог , щоб виконувати певну функцію або функції. Віджети в бібліотечному блозі виконують, як інформаційну функцію так і розважальну, відволікаючу, а також значно підвищують привабливість вашого блогу. Тому розповідь як їх знайти та як розмістити буде цікавою та корисною. Їх можна знайти безліч в Інтренеті набираючи слово «віджет» в пошуковому рядку пошукової системи. Ось декілька сайтів які імпонують особисто мені:

http://101widgets.com - 101 Виджет для сайта


http://xuxu.org.ua а ось тут зможите знайти віджети українською мовою та з українською тематикою.

Які ж саме віджети можливо використовувати саме бібліотекарям? Все залежить від індивідуального сприйняття бібліотечного блогера. Зазвичай стандартні віджети автоматично знаходяться у Вашом блозі або для того щоб їх вставити потрібно зайти в Дизайн →Добавить гаджет
 далі висвічується віконце де представлені стандартні гаджети 


Для того щоб вставити віджет з якихось сайтів (перерахованих вище або самостійно знайдених в Інтернеті)потрібно серед перерахованих стандартних знайти HTML/JavaScript натиснути «+».

 Відкривається віконце на якому поле:

- «Название» можна за бажання не заповнювати;(1)

- «Содержание» для вставки HTML коду.(2)
  Код знаходите на сайті.

 Копіюйте . Вставляйте в поле «Содержание». Зберігайте. Оцінюйте результат.

Що зазвичай вставляється? Годинник, календар, цитати , флеш ігри. Якщо ж ви захочете вставити погоду, календар подій та свят, цитату дня потрібно звернутись безпосередньо до джерела. Так наприклад: погоду – gismeteo заходите на сайт і шукаєте «Погода в … для Вашего сайта за пару минут» 

натискаєте «Подробнее» та генеруєте код HTML, який так само вставляємо.

Експериментувати з віджетами буває дуже цікаво. Все залежить від вашої фантазії та допитливості. З їх допомогою можна створити свій унікальний не схожий на інші блог.
Творчого натхнення !

Хмара  тегів на blogger

Гаджет,который позволяет добавлять на blogger.com облако тегов.Поддерживает кириллицу. Теги в облаке отображаются разными цветами,в зависимости от количества записей с данным ярлыком.




  1. Добавить гаджет "Ярлыки" из стандартных на blogger. Для этого переходим "Дизайн"-"Элементы страницы"- "Добавить гаджет"-"Ярлыки"
  2. Переходим в раздел "Изменить HTML"
  3. Запускаем поиск браузера (CTRL+F) и ищем код


<b:widget id='Label1' locked='false' title='Ярлыки' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'>
            <data:label.name/>
          </span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
И заменяем его на:


<b:widget id='Label99' locked='false' title='Темы' type='Label'>
  <b:includable id='main'>
    <b:if cond='data:title'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <script type="text/javascript" src="http://forum.wafl.ru/files/freeman/swfobject.js"></script>
      <script type="text/javascript">
        var flashvars = {};
        flashvars.mode = "tags";
        flashvars.minFontSize = "8";
        flashvars.maxFontSize = "22";
        flashvars.tcolor = "0x0988ff";
        flashvars.tcolor2 = "0x000000";
        flashvars.hicolor = "0xd95800";
        flashvars.distr = "true";
        flashvars.tspeed = "100";
        flashvars.tagcloud = "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' expr:style='data:label.count'><data:label.name/></a></b:loop></tags>";
        var params = {};
        params.wmode = "transparent";
        params.bgcolor = "#333333";
        params.allowscriptaccess = "always";
        var attributes = {};
        attributes.id = "b-cumulus";
        attributes.name = "tagcloud";
        swfobject.embedSWF("http://forum.wafl.ru/files/freeman/tagcloud.swf", "b-cumulus", "300", "250", "9.0.0", false, flashvars, params, attributes);
      </script>
      <div id="b-cumulus">
        <a href="http://www.adobe.com/go/getflashplayer">
          <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
        </a>
      </div>
      <b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget>


Хмару тегів можна налаштувати у відповідності із оформленням вашого блогу. Для цього у попередньо вказаному коді можна змінити наступні параметри:


  • в строке "swfobject.embedSWF("http://FILE_HOST_NAME/tagcloud.swf", "b-cumulus", "300", "250", "9.0.0", false, flashvars, params, attributes); " 300 - это ширина виджета в пикселях. 250 - это высота виджета в пикселях.
  • flashvars.minFontSize = “8“; - минимальный размер шрифта.
  • flashvars.maxFontSize = “22“; - максимальный размер шрифта.
  • flashvars.tcolor = “0xffffff“; - цвет самого редкого ярлыка.
  • flashvars.tcolor2 = “0×0be4f8“; - цвет самого популярного ярлыка. Для остальных ярлыков будет выбран цвет между этими двумя.
  • flashvars.hicolor = 0xd95800- цвет текста при наведении курсора на ярлык.
  • flashvars.tspeed = “100“; - скорость вращения Flash Облака тегов
  • //params.wmode = “transparent“; - этот параметр обозначает прозрачный фон.
  • params.bgcolor = “#333333“; - цвет фона Flash Облака тегов.


Познайомтеся із новим  способом створення сайтів, де процес схожий на гру. Тепер кожний — дизайнер, якщо є  бажання до улюбленої справи. Не важливо, що ви створюєте: сайт для бізнеса, лендинг пейдж, блог, портфоліо або редакційний спецпроект — із  Tildou ви зробите це швидко і легко.  Tilda  допоможе створити незвичайний сайт для вчителя

ЯК ЗБЕРІГАТИ ВЕБ-СТОРІНКИ В PDF ФОРМАТ


Можливість збереження веб-сторінки цілком може вам знадобитися в тому випадку, якщо ви плануєте продовжити її читання в офлайні або, наприклад, хочете зафіксувати вид змінної сторінки, чи просто роздати учням в якості додаткового матеріалу. Так, у всіх браузерах є можливість збереження сторінки з усім вмістом, однак при цьому виходить html-файл і папка з сотнею окремих файлів, що займає досить багато місця, або так званий веб-архів який після збереження дуже довго відкривається і затрудняються подальші дії з ним. Куди простіше зберігати в PDF, тим більше, що для цього в браузері Google Chrome не потрібно ніяких додаткових інструментів, а вся операція проводиться буквально одним кліком.
Як-зберігати-веб-сторінки-в-PDF-формат
Зразок збереженої веб-сторінки в PDF: Історія обчислювальної техніки — Вікіпедія

Немає коментарів:

Дописати коментар