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 Adsnese Account Requirements for Quick Approval
    Google Adsense is content monetizing website offers best commission over their CPC network. Google Adsense works through Adwords progra...
  • Keyword to increase blog traffic
    Today's article is all about " How to optimize or add keywords to increase the traffic amount in your blog ". Keywords are ...
  • Upgrade Adsense Hosted Account to Normal Account
    Google is getting strict day by day. They changed their policies recently. The big one is Adsense Hosted Account.. So What is Adsense ...
  • ATB Responsive Blogger Template
    ATB Blogger Template is Most Responsive and Advanced SEO Optimized Blogger template. This template is made/customized/designed and us...
  • How to Increase Productivity as A Blogger
    In the 21st century, blogging has become a profession and career to many people. Gone are the days where formal employment was considered...
  • Essential Traffic Sources For Your Brand New Blog
    blog traffic is not as easy as it appears. It is in-fact harder to get blog traffic than it is to get regular website traffic. So, your qu...
  • 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 ...
  • Verify Facebook ID in Minutes with other names
    verify Facebook ID in few minutes with other names – Afraid to get blocked by facebook? Check my trick to verify your Facebook accoun...
  • Youtube Most Importents Tips And Tricks
     How To Get the Transcript of a YouTube Video  This article will provide you with step-by-step instructions on how to get a transcript ...
Template by Malik HassanHome - Sitemap - Privacy Policy - Terms And Conditions - Disclaimer - Author