Как добавить эффект плавного движения ярлыков в 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>

Сохраняем шаблон.

Комментариев нет: