Делаем кнопку "Читать далее"

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

Опишу всё коротко и предельно ясно. Приступим!

Перед началом рекомендую сделать резервное копирование.

1) Заходим в Панель Управления - Дизайн - Изменить HTML - Приступить.
2) Нажимаем "Расширить шаблоны виджета".
3) Находим с помощью Ctrl+F эту строчку: <data:post.jumpText/>

4) Теперь этот код:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

заменяем на этот:

<b:if cond='data:post.hasJumpLink'>
<DIV class='jump-link'>
<A expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img border="0" src="http://s018.radikal.ru/i511/1201/08/56f2e16bd505.png" /></A>
</DIV>
</b:if>

Если хотите другую кнопку, поменяйте отмеченную красном ссылку.

5) Чтобы кнопка меняла прозрачность при наведении, находим эту строчку: ]]></b:skin>

и перед ней вставляем этот код:

.jump-link a:hover {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
-khtml-opacity: 0.8;
}

Всё просто!)