Информер популярных новостей для uCoz

<li><strong>$NUMBER$</strong><a href="$ENTRY_URL$" title="$CATEGORY_URL$"
target="_blank">$TITLE$</a></li>

А на страницу сайта в нужное место устанавливаем сам информер:
<ul class="top_news">       
        $MYINF_1$       
        </ul>
Не забывайте, что $MYINF_1$ является номером вашего информера и его стоит прописывать именно системной переменной, а не отдельной ссылкой на js.

Шаг 2 - Установим CSS:

Теперь когда наш информер новостей готов, стоит прописать следующие css стили:

CSS-Code
/* Информер популярных новостей для uCoz №5       
        ------------------------------------------*/       
.top_news{       
        float:left;       
        padding:0;       
        width:230px;       
        margin: 10px 15px 10px 15px;       
}       

.top_news li {       
        list-style:none;       
        margin-bottom: 0px;       
        padding: 8px 0px 8px 0px;       
        border-bottom: 1px solid #CAD3DA;       
}       

.top_news li a:link,       
.top_news li a:visited {color:#555;}       
.top_news li a:hover {color:#2C68A6;;}       

.top_news li strong {       
        float:left;       
        color:#fff;       
        text-shadow: 1px 1px 1px #777;       
        margin: 0px 10px 5px 0px;       
        padding:2px 5px;       
        background: #CBCBCB;       
        border-radius:3px;       
}
Примечание:

Если ваши заголовки новостей являются слишком длинными и они портят
внешний дизайн данного информера, а вы хотите чтобы заголовок выглядел
красивым и аккуратным, к примеру в одну строку, то следует использовать
следующий html код:

HTML
<li><strong>$NUMBER$</strong><a href="$ENTRY_URL$" title="$CATEGORY_URL$"
target="_blank"><?if(len($TITLE$)>28)?><?substr($TITLE$,0,26)?>...<?else?>$TITLE$<?endif?></a></li>