Latest News

Thứ Ba, 11 tháng 10, 2016

Hướng dẫn tạo Ông già Noel cho Blogspot

Hướng dẫn tạo Ông già Noel cho Blogspot

- 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 code sau:
</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>
<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/AVvXsEi1aQO80MES_O1FZXXelvtV_3f3QvgMlR3krcZOv36oZ5a0ljTT2YOxZUyy21HjBR35dW6O3mVm2HI_A5HOA0KRjRPYFtb_vrUai9dTexYvUty57JGZdz5j61OaN47bjWIp7UPu-w7aqVo/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/AVvXsEi1aQO80MES_O1FZXXelvtV_3f3QvgMlR3krcZOv36oZ5a0ljTT2YOxZUyy21HjBR35dW6O3mVm2HI_A5HOA0KRjRPYFtb_vrUai9dTexYvUty57JGZdz5j61OaN47bjWIp7UPu-w7aqVo/s1600/tuan_loc_cho_qua_cua_ong_gia_noel_anh.gif','')
    })
 })
//]]>
</script>
Chú ý, nếu blog của bạn đã có 1 đoạn js tương tự (không cần giống phiên bản 1.10.2) thì bạn nên bỏ đoạn js màu xanh của mình đi.
Hướng dẫn tạo Ông già Noel cho Blogspot
  • Title : Hướng dẫn tạo Ông già Noel cho Blogspot
  • Posted by :
  • Date : 08:30
  • Labels :
  • Blogger Comments
  • Facebook Comments

0 nhận xét:

Đăng nhận xét

Item Reviewed: Hướng dẫn tạo Ông già Noel cho Blogspot Rating: 5 Reviewed By: Admin
Top