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

  • How to verify your Google Adsense Account
    Want to earn money online ? Google Adsense is the best advertising network to generate revenue for webmaster and bloggers. It is no...
  • How to make Single Name Account on Facebook
    Many people have been searching on Google about How to make Single Name account on Facebook? or How to Hide Last Name on Facebook?  Well,...
  • AdSense Supports Languages
    Most of the new Blogger create and maintain a Blog for generating income. Blogging is most popular platform among students. Beca...
  • 11 AdSense Tips And Tricks to Maximize Your Earning
    AdSense is a great tool for monetizing your website. Unfortunately, a large number of users fall prey to some common mistakes and ne...
  • 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...
  • How To Create A SEO Friendly robots.txt in Blogger
    Do you want to create your own robots.txt file for your Blogger? If yes, this post will guide you in easy steps. Here I will discuss ...
  • How To Get Free YouTube Subscribers
    Are you among those who have a YouTube channel but don’t get enough views or subscriber ?? Defiantly you are, that’s why you are here ....
  • 6 Simple Strategies to Get Blog Posts Indexed by Quickly Google
    In this article I offer some tips for writing blog posts that are geared up for search engine traffic, and that are written to be shar...
Template by Malik HassanHome - Sitemap - Privacy Policy - Terms And Conditions - Disclaimer - Author