New Year CountDown on your WordPress Blog

Google is showing New Year countdown when you click on I am feeling lucky.

Here I am explaining, how to display the same countdown on Front Page of Your WordPress blog. To get started first you need to Install WordPress FrontPageBanner Plugin ( I have written this plugin to show banner and Google Adsense on WordPress FrontPage but when I have read Harsh’s post on Google CountDown, I thought why not use it for new year countdown). After the successful Installation of this plugin; you will see ‘FPB Settings’  menu item in Admin Panel, click on it. This is the configuration panel for this plugin.

Enable ‘Media’ as default style and PHP, and paste the following code in ‘Custom Code’.

<?php

//Insert this code in 'Custom Code' of WordPress FrontPage Banner plugin

/**/

//set the timezone, it will override your default server timezone settings

date_default_timezone_set('Asia/Kolkata'); //http://php.net/manual/en/timezones.php

//current time

$now =  strtotime("now");

//1 Jan 2010

$new =  strtotime("1 January 2010");

//get the difference

$diff = $new - $now;

?>

<!-- overriding your theme's style sheet, you can change the color and size accordingly -->

<h2 style="font-family: arial,sans-serif ;font-size: 200%; font-weight: bold; color: darkblue"; id='timer'></h2>

<script> 

<!-- 

// javascript to show the timer

 var count = <?php echo $diff."n";?>

 document.getElementById('timer').innerHTML = count--

function display()

{ 

    if(count>=0)

    document.getElementById('timer').innerHTML = count--

    else

    //show this message on 1 Jan 2010, change this messsage to whatever you want

    document.getElementById('timer').innerHTML = "rcanblog wishing you a very Happy New Year"

    //tick the counter for every second

    setTimeout("display()",1000);

} 

display();

--> 

</script>

I have commented in code to explain what is happening, but if you need any more help feel free to comment on this post, below is the screen-shot as how it may look on your blog.

You can also download the code from this text file.

Download code file.

I’m sure many of you will love to add this plugin to welcome new year. Meanwhile Happy new year in advance.

This is a guest post by Ashish who writes at Rcanblog. If you like to write for Shoutmeloud, do read Shoutmeloud Revenue sharing program.

Related posts:

1. New year 2010 Countdown With Google Search
2. Happy New Year 2010 – Google’s Way !!
3. Google countdown to 2009
4. Google Buzz With share Count WordPress Plugin
5. WordPress adsense plugin Whytodowork , insert adsense code anywhere in wordpress blog post
6. 5 WordPress tutorials, 12 wordpress plugins and 3 Premium themes to enhance your WordPress blog
7. No self ping WordPress plugin : Stop pinging your own Blog post
8. Twitter Live blog wordpress plugin : Show your Tweets on your blog

Tagged as: guest author, guest post, New Year, Wordpress, wordpress plugins