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

  • Fake ID Card Generator For Facebook Verification
    In this blog we had briefed different reasons why your Facebook ID is getting temporarily locked. Facebook Security automatically lock d...
  • Comments For Blogger
    Blogger has just announced the much awaited feature “Threaded Comments For Blogger” and you might have already seen it on your Blog if...
  • Rifqiy Responsive Magazine/News Blogger Template
    Sevida is the Cool premium responsive blog and magazine template for Blogger fans, It is also SEO friendly This template shows you how co...
  • ADAMZ Responsive Premium Blogger Template
      This Premium Blogger template Adamz is a responsive layout template. This theme has a design that is perfect for magazine websites With...
  • Sharing Posts to Facebook
    When you share a post on Facebook, it will display a thumbnail picked from the post page along with a short description of the post. ...
  • 23 Design Tools That Will Make Your Life As a Blogger
    For a very long time, design has exclusively been the domain of professional designers, where entry was restricted by the barrier...
  • Comment Spam Filtering Inbox in Blogger
    Many of you might have noticed that Blogger has made some Cool Improvements to its Commenting System. Blogger has introduced an improv...
  • How to remove quick edit on Blogger
    You might have seen the Pencil , Screwdriver and Spanner links on blogger. It seems like these icons appear only when you are logged...
  • How to Auto Post in Multiple Facebook Groups at Once
    you know facebook is #1 social networking website. It is the best place for all blogger actually not only for blogger, but also its good ...
Template by Malik HassanHome - Sitemap - Privacy Policy - Terms And Conditions - Disclaimer - Author