Christmas decoration with Santa Claus for Blogspot

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
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>
Note, if your blog already has a similar js (it doesn't need to be version 1.10.2), you should remove your blue js.

Save. Also in the Christmas topic, in the previous article, I showed you how to create snow, combined with this article to create Santa Claus, we basically have some changes to welcome Christmas already. Soon I will show you how to create a Christmas decoration with music and effects like my top part, please read it.

Google Tech News

Post a Comment

Previous Post Next Post