Header Ads Widget

Ticker

6/recent/ticker-posts

CÁCH TẠO HIỆU ỨNG ÔNG GIÀ NOEL DI CHUYỂN TRÊN BLOG

Chia tay mùa thu ấm áp, đất trời chuyển sang cái se se lạnh của mùa đông, ta lại đón lại một mùa giáng sinh an lành trong tiết trời tháng 12. Mọi nơi, mọi người, mọi nhà đều tất bận trang trí cho mình những cây thông noel thật đẹp. Đó là không khí bên ngoài cuộc sống, vậy trên mạng internet chúng ta đã làm gì để chào đón mùa giáng sinh an lành nhỉ? 
Vì vậy hôm nay chúng tôi xin giới thiệu đến mọi người cách tạo hiệu ứng ông già Noel di chuyển trên Blog của mình giúp cho Blog thật lung linh và tràn ngập không khí giáng sinh trên Blog của mình.
Bước 1: Bạn đăng nhập vào phần quản lý của Blog.
Bước 2: Vào Mẫu -> Chọn Chỉnh sửa HTML
Bước 3: Click Code, Bấm Ctrl + F tìm đoạn code </body>
Bước 4: Dán đoạn code dưới đây trước thẻ </body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'type='text/javascript'></script>
<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/AVvXsEiQ_LRbrkDd-ewLhgbzUQSxmyDRGb1ldbcu2OeXak4Of7lPLRfLvBEgPwsHFe7IZMWagtp3xZE9WUrIfH0kC0YMH6O-eNguUQ1VLik3KgzKCmt9MvYuFPa-9h7J5z8pZXZ1S8TrEUJx4S8/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/AVvXsEiQ_LRbrkDd-ewLhgbzUQSxmyDRGb1ldbcu2OeXak4Of7lPLRfLvBEgPwsHFe7IZMWagtp3xZE9WUrIfH0kC0YMH6O-eNguUQ1VLik3KgzKCmt9MvYuFPa-9h7J5z8pZXZ1S8TrEUJx4S8/s1600/tuan_loc_cho_qua_cua_ong_gia_noel_anh.gif','')
    })
 })
//]]>
</script>
Bước 5: Lưu và tận hưởng thành quả.

Đăng nhận xét