SkyUrdu | The Largest Hub Of Tutorials
Select Menu
  • Home
  • Google Adsence
    • Google Adsence Tricks
    • Supports Languages
    • 11 Tips For Adsence
    • 12 Tips For Adsence
    • 100% Approval Tip
    • Achievement Card
    • Adsense Revenue
    • Verify Account
  • Make Money
    • Earn With Bidvertiser
    • Earn With Freelance
    • Earn With Blogging
    • Earn With You Tube
    • Earn With Ads Cash
    • Earn With Adsence
    • Earn With Infolinks
    • Earn With Typing
  • Blogging
    • 404 ERROR Page
    • Google+ Fallow
    • BackUP/Restore
    • Mobile Templet
    • Custom Domain
    • Blogger Tricks
    • Custom Fonts
    • Templetes
  • SEO
    • Google Algorithm
    • Google Analytics
    • Select Keywords
    • Blogger Vistors
    • Alexa Ranks
    • Robots.txt
    • SEO Tricks
    • SEO Tools
  • Social Media
    • Whatsapp
    • Facebook
    • Pinterest
    • Google+
    • Twitter
    • Skype
    • Imo
    • VK
  • Networks
    • Easypaisa
    • Mobicash
    • Mobilink
    • Telenor
    • Warid
    • Ufone
    • Zong
  • Much More
    • How To
    • Much More
Home » Blogger Tricks » Widget Christmas Countdown for Blogger

Widget Christmas Countdown for Blogger

Unknown
Add Comment
Blogger Tricks
Widget  Christmas Countdown for Blogger
Christmas is pretty near and we have already started our count down. This widget does what the name suggests. It will display the number of days, hours minutes and second left till Christmas. When it reaches the target date, it will display a Greeting Message
Wish you all a very Happy Christmas!

How to Add the Widget

If you use Blogger, then you can use this Button to install the Widget in one Click.
If you want the code to use it elsewhere, then here it is :
<div id="bp_count_down_div"></div>
<script language="JavaScript">
var bp_date_target = new Date("December 25, 2011 00:00:00");
var bp_date_now = new Date();
var bp_count_down_complete_message = "Wish you all a very Happy Christmas";
if (bp_date_now >= bp_date_target) {
 document.getElementById("bp_count_down_div").innerHTML = bp_count_down_complete_message;
} else {
 bp_time_difference = Math.floor(((bp_date_target - bp_date_now).valueOf()) / 1000);
 display_time_difference(bp_time_difference);
}
function display_time_difference(bp_time_difference) {
 if (bp_time_difference <= 0) {
 document.getElementById("bp_count_down_div").innerHTML = bp_count_down_complete_message;
 return;
 }
 bp_count_down_message = bp_format_seconds(bp_time_difference, 86400, 100000) + " Days " + bp_format_seconds(bp_time_difference, 3600, 24) + " Hours " + bp_format_seconds(bp_time_difference, 60, 60) + " Minutes " + bp_format_seconds(bp_time_difference, 1, 60) + " Seconds for Christmas";
 document.getElementById("bp_count_down_div").innerHTML = bp_count_down_message;
 setTimeout("display_time_difference(" + (bp_time_difference - 1) + ")", 1000);
}
function bp_format_seconds(secs, num1, num2) {
 num = ((Math.floor(secs / num1)) % num2).toString();
 if (num.length < 2) s = "0" + num;
 return "" + num + "";
}
</script>
The widget makes use of some simple JavaScript methods which displays the count down based on the User’s System Time. You can customize the Widget by Editing the Widget Content. If you liked the count down, do share it with your friends and please let us know if you have any suggestions for improving the widget.
Share This!--- Facebook Twitter Google+

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

Search Hare

Populer Posts

  • Google Apps on Your blogger
    Google Apps is a service from Google for using Google products like mail, docs, calendar etc on your domain name.Google Apps has a f...
  • How to Start Blog and Make Money Online for Free
    Blogging is become a profession now a day for publishing your thoughts and views with full control over its content. A person can st...
  • How to backup or restore blogger templates
    Blogger provides XML templates and you will find tonnes of third party templates on the internet. You might also want to tweak the t...
  • How to Setup a Sub Domain on a Blogger Custom Domain Blog
    This tutorial is for all those who are already using Custom Domains with Blogger. If you already have a blogger blog at some Custom d...
  • How to Setup Custom Domain on Blogger with GoDaddy.com
    Blogger Custom domains are more like a Vanity URL for your BlogSpot blog. It will allow you to create a better and easy to remember URL...
  • Google Scribe in Blogger
    Google Scribe is an Auto text completion tool which was launched in Google Labs an year ago. Google has recently added this feature ...
  • How To Change SEARCH BOX For Blogger
    For every Blogger template , there is a Search Bar . Some times this search bar will be useful , some times not. And this search bar ...
  • How To Fully Approve Google AdSense Account Complate Guidance
    Google AdSense is the best ads network company to monetize a blog or a website. Many other Ads networks are available in the Internet ...
  • AdSense achievement card
    The most popular and leading legit advertising platform is Google AdSense where billions of people earning money by monetizing their...
Template by Malik HassanHome - Sitemap - Privacy Policy - Terms And Conditions - Disclaimer - Author