Мастер-класс "Как добавить виджет «Цитата дня» на свой сайт"

Мерзлютина Ирина Александровна
высшая квалификационная категория
учитель начальных классов
МБОУ «Прогимназия № 2»
город Воронеж
Воронежская область
2017 год

 

Как добавить виджет «Цитата дня» на свой сайт

 

Простой способ улучшить внешний вид своего сайта — это установить виджет на тему цитата дня. Предлагаю вашему вниманию мастер-класс, в котором мы рассмотрим, как легко установить данный виджет на свой сайт.

Цель: познакомить  коллег   с установкой виджета «Цитата дня» на свой сайт. 
 
 Задачи:

• Обучить  коллег поэтапным действиям по установке виджета «Цитата дня» на странице своего портфолио.

• Оказать коллегам помощь в  эстетичном  оформлении страниц своего портфолио.

•  Передать личный опыт по представленной теме.

Предполагаемый продукт деятельности:
 

Шаг 1

Заходим на сайт по ссылке http://uaforizm.com/ Выбираем вкладку «Виджет для вашего сайта».

 

 

 
Шаг 2

Откроется окно, где для вашего выбора доступно 4 цвета виджетов.

 

 

Шаг 3

Выбираем  цвет виджета «Цитата дня». Я, например, выбрала  оранжевый.  Копируем html  код.

 

Шаг  4

Заходим на страничку своего сайта. Создаём текстовый блок. Я работала уже с созданным инфоблоком.  Выбираем   вкладку  «Вставить»  и  вставляем код.  Нажимаем   «ОК».

 

 

Шаг  5
 

Теперь сохраняем. Все  виджет  установлен. Каждый день виджет будет автоматически обновляться.

 

Шаг 6
 

Заходим на свою страничку и смотрим, что у нас получилось.

 

 

 

Уважаемые коллеги, удачной работы на сайте!

 

• Как быстро сделать фон рисунка прозрачным с помощью онлайн-сервиса PIXLR EDITOR
• Создание блестящих текстов с помощью генератора анимации Giiif.ru
• Преобразование текста в таблицу и наоборот
• Создание ребусов средствами сетевого сервиса rebus1.com
• Как сделать текст в рамке в Microsoft Office Word 2007 - 2010
• Создание гиперссылки на материал в виде текста на вашей странице на портале УчПортфолио
• Как сделать сноски в Word 2007 и 2010
• Изготовление объёмной снежинки из белой бумаги
• Как сделать красивые рамки в Word 2007 - 2010
• Как изменить цвет картинки в Word

Комментарии

#1 Спасибо,Ирина! Полезный и понятный мастер- класс.

Ольга Иванова, дата: 17.04.2017 в 1:42  

#2 Ольга Ивановна,спасибо за комментарий.На вашей страничке увидела виджет. Рада была помочь.

Ирина Мерзлютина, дата: 17.04.2017 в 21:01  

#3 Ирина Александровна, большое Вам спасибо за урок!

Татьяна Афанасьева, дата: 29.04.2017 в 23:51  

#4 Татьяна Анатольевна,рада что Вы воспользовались мастер-классом.

Ирина Мерзлютина, дата: 04.05.2017 в 22:51