The weather is gradually turning cold as we welcome the coming Christmas days. We have gradually felt that the surrounding life is preparing to welcome this Christmas day. You can see in many shops and shopping centers decorated to welcome Christmas. It is outside, stepping on the internet, it is not uncommon to come across websites that have changed a Christmas-filled interface. So Bloggers like us also have to keep up with the trend, right?
So today, Google Tech News will show you how to create a flying Santa on your Blogspot page to help decorate your website to welcome the coming Christmas. The implementation is very simple, does not take much effort or make it difficult for any Blogger. Follow along:
![]() |
Christmas decoration with Santa Claus for Blogspot |
Instructions for creating Santa Claus for Blogspot
- Access to Blogger admin page, continue to Template, select Edit HTML (Edit HTML)
- Click on the code area, find the following code:
</body>
- Then add this code right above it, this is the code to create Santa Claus with his reindeer flying back and forth on your blog:
<script src='https://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: //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>