Պարող jQuery պիտակներ Blogger-ում

Հերթական հետաքրքիր կոդը JQuery-ի կողմից: Ինչպես և նախորդ նյութը, այս նյութը ևս վերաբերվում է Blogger-ում առկա պիտակներին: Նախորդ նյութում Ձեզ ներկայացրեցի մի կոդ, որը տեղադրելուց հետո, բոլգի պիտակները կազմում են փոքրիկ ամպ և սկսում են պտտվել: Այս անգամ կոդը տեղադրելուց հետո պիտակները չեն պտտվի, այլ երբ մկնիկի սլքաը կպահենք նրանց վրա, նրանք կշարժվեն դեպի աջ և կակտիվանան:

Եվ այսպես, սկսենք տեղադրել «հրաշք» կոդը: Նախքան տեղադրելը անպայման կրկնօրինակեք բլոգը:

Իսկ թե ինչպես դա անել,  կարող եք կարդալ այս նյութում:

Ավելացնում ենք Css կոդը: Մուտք են գործում Blogger-ի կառավարման էջ և կատարում ենք այս քայլերը՝ Design > Edit Html կամ (Шаблон › Изменить HTML>Расширить шаблоны виджета):

Կոդը ավելացնելու  համար փորձում ենք գտնել՝ </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 = 450;
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '20px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
});</script>

Կոդը ավելացնելուց հետո պահպանում ենք բլոգըև վերջ: