TẠO ÔNG GIÀ NOEL ĐẸP CHO BLOG

CÁC BƯỚC THỰC HIỆN

- Truy cập vào trang quản trị Blogger, tiếp tục vào Mẫu (Template), chọn Chỉnh sửa HTML (Edit HTML)

- Click vào vùng code, tìm đoạn </body>
- Sau đó thêm đoạn code này vào ngay bên trên nó, đây chính là đoạn code tạo Ông già Noel với đàn tuần lộc bay qua bay lại trên blog của các bạn:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

//<![CDATA[

$(function(){

    $('html').append('<img id="halo" title="Happy Noel" style="cursor:pointer;position:fixed;z-index:99999" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh58v2MMUPm9yE2Wt-BS8hdIn5CHpPnTq1GeUqErLmqCDw6XP2NhUp4V1Jwth_1ikx-a486ORGrEM-WB6mBAR6XwhrM9c6sqW8iyr-wRAMdfEr0E-Nb5x-tPYij5-m5BDaXmYlzPCPwuAs/s1600/tuan_loc_cho_qua_cua_ong_gia_noel_anh.gif"/>')

    setInterval(function(){

       var $X=Math.ceil(Math.random()*$(window).width())

       var $Y=Math.ceil(Math.random()*$(window).height())

       $('img#halo').animate({'left':$X,'top':$Y},5000)

    },5000)

    $('img#halo').click(function(){

        window.open('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh58v2MMUPm9yE2Wt-BS8hdIn5CHpPnTq1GeUqErLmqCDw6XP2NhUp4V1Jwth_1ikx-a486ORGrEM-WB6mBAR6XwhrM9c6sqW8iyr-wRAMdfEr0E-Nb5x-tPYij5-m5BDaXmYlzPCPwuAs/s1600/tuan_loc_cho_qua_cua_ong_gia_noel_anh.gif','')

    })

 })

//]]>

</script>

LỜI KẾT

Chúc các bạn thành công!

Nguồn: www.windows2it.com

Liên Hệ Click here DEMO Click here

 77419 Lượt Xem