Если вы не являетесь профессиональным разработчиком или не имеете собственного хостинга, вам лучше работать с автономными виджетами.
Создайте валидную XHTML-страницу. Добавьте в блок <head> этой страницы свойства и, при необходимости, настройки виджета.
Для загрузки виджета на Яндекс XHTML-файл должен содержать как минимум свойство title (название виджета). Для добавления в каталог виджетов нужно добавить свойство description (краткий обзор функций виджета), а также загрузить картинку превью из кабинета разработчика во время добавления виджета.
Содержание файла виджета должно быть в кодировке UTF-8.
Добавьте тело виджета.
Для автономного виджета: поместите тело виджета в созданный XHTML-файл (основную разметку в тег <body>, вложенные скрипты и стили - в блок <head>).
Для серверного виджета: добавьте в блок <head> свойство src, указав в нем путь к телу виджета: