Thêm hiệu ứng link nhảy sang ngang khi rê chuột đến

Thêm liên kết nhảy sang đẹp mắt khi di chuột đến nhìn hấp dẫn hơn cho khách truy cập blog của bạn. 

Demo bên dưới

Kể Chuyện Thời Gian

Game thủ VN

Thủ Thuật Blog

Beautiful girls

Làm cách nào để thực hiện?
Bước 1: Vào blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Dán code sau trước thẻ </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/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').hover(function() {
            $(this).animate({
                paddingLeft: '25px'
            }, dur);
        }, function() {
            $(this).animate({
                paddingLeft: 0
            }, dur);
        });
    }); // end of Jquery Script
</script>

Bước 3: Lưu template của bạn lại
Từ giờ muốn thêm link nhảy sang bên bạn thêm thuộc tính class="linknudge" , ví dụ

<a class='linknudge' href='http://www.TROLLVL.BLOGSPOT.COM'>Troll VL</a>

Bạn sẽ được kết quả như sau Troll VL

Enjoy!