Skip to main content

Total Views

New Year's Eve 2015- COUNTDOWN TO 2016! + How to add one to your own blog


Above: Today's Google logo.

Today is New Year's Eve! It is a very exciting day and many people are counting down to the new year 2016! I have added a 2016 countdown below my views counter, and there you can see how many hours, minutes, and seconds are left until the new year.
____________________________________________________________________________
If you want to add one to your own blog:

1. Go to your blog address.

2. Make sure you are signed in. Go to your homepage, and at the top, click on "Design".

3. On the left side, look for "Layout", and click on it. 

4. Click on "Add a Gadget" where you want to put it.

5. Click on "HTML/Javascript". 
Copy+paste this code into the lower box:

<style>#TimerDiv{background: #f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDEzy_1obt-ED2MOF_2UgdHKw2josH_GjrunrbIeVN-SfyEopMPUcvFH9ROOvlcop2Xb5q-IwgdrNZ3bSBA2eJ6UZwSe74OE61wduwh5vgxm7o6_C3PKfHXjWnwAmC8ibqJvLBvPP5WD8n/s1600/S2mee5j.jpg)no-repeat;border-radius:3px;font-family:Verdana;font-size:40pt;padding:10px;margin:20px auto;text-align:center;color:yellow}#clock-days{color:green;font-weight:700}#clock-hr,#clock-mins,#clock-secs{font-family:courier new}#clock-hr{font-weight:700}#clock-secs{color:#FBFF00}</style><div id="TimerDiv">New Year's Eve Countdown !<br/><span id="clock-days"></span> <font face="Georgia"><em>Days</em></font><br /><span id="clock-hr"></span><span class="clock-sep"> : </span><span id="clock-mins"></span><span class="clock-sep"> : </span><span id="clock-secs"></span></div><script type="text/JavaScript">
function startTimer(){var e=new Date("January 1, 2016 00:00:00");var n=e.getTime();var r=new Date;var i=r.getTime();var s=n-i;var o=s/864e5;var u=23-r.getHours();var a=59-r.getMinutes();var f=59-r.getSeconds();if(Math.floor(o)<=-1){document.getElementById("TimerDiv").innerHTML="It's New Year Time, Friends!<br/>Happy New Year 2016"}else{document.getElementById("clock-days").innerHTML=Math.floor(o);document.getElementById("clock-hr").innerHTML=u;document.getElementById("clock-mins").innerHTML=a;document.getElementById("clock-secs").innerHTML=f}t=setTimeout("startTimer()",999)}startTimer()
</script>

5. Click on "Save". Then, on the top right corner, click on "Save Arrangement" and look at your blog. You have added it!
Credit to HTML goes to HackingUniversity.in
________________________________________________________________________________

Enjoy!

-Arca

Comments