Tạo Ông già Noel Cho Blogspot trang trí cho mùa giáng sinh

Tạo Ông già Noel Cho Blogspot trang trí cho mùa giáng sinh

Hello các bạn Tạo Ông già Noel Cho Blogspot chạy quanh trang chủ trang trí cho mùa giáng sinh cực đẹp.

Giáng sinh sắp đến rồi, hãy trang trí cho blog của chính mình thật đẹp nha. Bài viết này mình sẽ hướng dẫn các bạn cách để tạo một ông già Noel chạy trên blog cực chất. Hãy theo giõi nhé!


tao ong gia noel trang tri giang sinh cho blog

Cách tao ông già Noel cho blogspot

Các bước thực hiện:

Bước 1: Các bạn vào Blogger-> Chủ Đề-> Chỉnh sửa HTML

Bước 2: Tìm thẻ </body> và chèn Code sau trên nó:

<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://lh3.ggpht.com/-LSDhJFNSG-E/VnQh0rSGAHI/AAAAAAAADoo/3FdK8o-hZ6A/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://lh3.ggpht.com/-LSDhJFNSG-E/VnQh0rSGAHI/AAAAAAAADoo/3FdK8o-hZ6A/s1600/tuan_loc_cho_qua_cua_ong_gia_noel_anh.gif','')
    })
 })
//]]>
</script>

Bước 3: Lưu lại chủ đề và xem kết quả!



Lời Kết



Bên trên là cách để tạo ông già noel cho blogspot. Nếu có bất cứ thắc mắc gì hãy comment xuông phía dưới để được hỗ trợ.