Создание виджета для yandex.ru(ua)

• Быстрый старт
• RSS-виджет
• Фотовиджет
• iFrame-виджет
• XHTML

Мы же пойдем путем большего сопротивления и напишем свой собственный XHTML виджет.

Приступим ...

Создаем mywidget.html (обязательно указываем кодировку файла UTF-8)

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:widget="http://wdgt.yandex.ru/ns/"  >
  <head>

  <!-- Сделайте описание виджета: -->

  <!-- Добавьте свойства виджета. -->
    <!-- Для загрузки виджета необходимо указать название: -->
      <meta name="title" content="Новини м. Сміла" />
    <!-- Для добавления в каталог виджетов необходимо добавить описание: -->
      <meta name="description" content="Актуальні новини м. Сміла, міські події, відгуки." />
<meta name="height" content="243" />

<style type="text/css">
            body {
                background: transparence;
                margin: 0;
                font-family: Arial;
                font-size: 13px;
                color: #000000;
            }

a {color:#1a3dc1;}
span {font-size: 11px; font-family: Verdana;}
        </style>

  <!-- Если виджет является серверным, укажите адрес, с которого будет загружаться тело виджета, в свойстве src -->
    <meta name="src" content="http://путь до вашего виджета" />

<script type="text/javascript" src="http://img.yandex.net/webwidgets/1/WidgetApi.js"></script>
    <script>
        widget.onload = function(){
            widget.adjustIFrameHeight();
        }  
    </script>
  </head>
<body style="font-family:Arial; font-size:13px; margin:0;" onresize="widget.adjustIFrameHeight();">
  </body>
</html>

Заготовка готова. далее переходим к самому содержанию виджета.

Создаем файл widget.html с таким содержанием

<html>
  <head>
<script type="text/javascript" src="http://img.yandex.net/webwidgets/1/WidgetApi.js"></script>
    <script>
        widget.onload = function(){
            widget.adjustIFrameHeight();
        }  
    </script>
<meta charset=UTF-8" />
  </head>


  <body style="font-family:Arial; font-size:13px; margin:0;" onresize="widget.adjustIFrameHeight();">

здесь указываем информацию которую вы хотите показывать в виджете.
Например:
<a href="http://www.smela-city.org.ua/news_smela/more/Za_sprobu_barteru_%E2%80%93_tjurma.html" target="_blank">За спробу "бартеру" – тюрма</a><span> (19-08-2010)</span><br>
....
  </body>
</html>
Сохраняем закачиваем к себе на сайт и указываем к нему путь в файле mywidget.html в строке <meta name="src" content="http://путь до вашего виджета" />

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

Помещаем у себя код на сайте и зазываем посетителей.

Вот так будет выглядеть ваш виджет