Эффект плавного движения ярлыков Blogger

Привет, привет! Как удивить посетителей, чтобы оставить не забываемое впечатление от вашего блога?  Для этого умные люди придумывают разные трюки, эффекты, виджеты для блоггер. Об одном из таких эффектов для популярных сообщений читайте, здесь. А сегодня я покажу Вам, как добавить красивый эффект для ярлыков в Blogger.

Что это такое? Как работает? При наведении курсора мышки на ярлыки, они начинают плавно покачиваться, двигаться из стороны в сторону. Вот тут можно посмотреть этот замечательный трюк с ярлыками (сменил шаблон — демо отсутствует). Просто проведите курсором по ярлыкам.

Как добавить эффект плавного движения ярлыков в Blogger

Для этого Вам нужно в первую очередь, установить гаджет «Ярлыки». Настроить их, что бы ярлыки отображались простым списком, а не облаком. Затем перейти Шаблон — Изменить HTLM. Нажать «Форматировать шаблон». При помощи сочетания клавиш (Ctrl+F) найти строчку </head>.

В правом углу редактора появляется окно, туда вставляем нужную  строчку, которую необходимо найти. Нажимаем Enter, тут же появляется подсвеченная жёлтым цветом строка. Всё просто. Прямо над </head> вставляем этот код:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>

Сохраняем шаблон. Готово. На этом всё. Всем пока, до новых встреч.

С уважением, Сергей