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 Add Font Awesome 4.5 in Blogger Template?
    Hi guys…We are already aware about fantastic Font Awesome which use a pictographic techniques to display icons instead of image. This is...
  • Blogger Lab Full Width Version Responsive Blogger Template
    After successful response from user I have released today Blogger Lab v1.1 and also releasing Blogger Lab Full width v1.1. I hope thi...
  • Best Free Proxy Servers List 2016
    Sometimes you may face problem while accessing some websites either it says this webpage is not available or this website/url has been bl...
  • Best Top 3 Blogging Sites To Make Money Online
    WordPress.com WordPress is the best choice of Bloggers to make money online. Almost everything is free on WordPress. it is providi...
  • Money Transfer By MobiCash
       Now it just takes a few moments for you to transfer money to your family, friends or business partners using services of Mobicash. Any...
  • 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...
  • Get desktop notifications for WhatsApp chats
      You'll need the WhatsApp Web Chrome extension to get WhatsApp desktop notifications. Then, all you need to do is install a simple...
  • Twitter Emails Notification On Single Click
    When you join Twitter all the emails you receive can be a real PITA, and it seems like a month doesn’t go by without Twitter adding yet...
  • How To Verified Facebook Account In English/Urdu
    Many of people report to your account so after reviewing by Facebook team and making decision your account may be blocked or disable. ...
Template by Malik HassanHome - Sitemap - Privacy Policy - Terms And Conditions - Disclaimer - Author