New Year Countdown Widget For Blogger Blog 2014

New Year's Eve Countdown !
Days
: : 

নতুন বছরে মাত্র চার দিন বাকি আছে এবং এখানে আমি শুভ নববর্ষ আপনাকে তবেই করছি. তাই মূলত আজ আমি সন্ত্রস্ত নববর্ষ 2014 পোস্ট দিয়ে আবার am. আজ আমি নিচে গণনা উইজেট সাথে থাকি. কিছু দিন আগে আমি ব্লগার ব্লগ ​​এবং ওয়েব সাইটের জন্য অনেক নতুন বড়দিন ও শীতকালীন উইজেট পোস্ট.

তাই এখন আমি ব্লগার ব্লগে বা ওয়েবসাইটে উইজেট নিচে গণনা নববর্ষ যুক্ত করতে একটি ছোট টিউটোরিয়াল পোস্ট করছি. ধাপ নিচে অনুসরণ করুন আপনার ব্লগার আরো আকর্ষণীয় করে তুলতে.
1. Go to your blogger account after that go to Layout option.
2. Now click on Add Gadget.
3. A pop-up will open, now choose HTML/JavaScript option from list.
4. now copy the below code and paste it in HTML/JavaScript widget window.

<style>#TimerDiv{background: #f6f6f6;background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f9f9f9), to(#f1f1f1));background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#f9f9f9), to(#f1f1f1));-moz-box-shadow:0 3px 4px -3px #999,inset 0 1px #fff;-webkit-box-shadow:0 3px 4px -3px #999,inset 0 1px #fff;background:0 to(#f1f1f1));border:1px solid #000;border-radius:3px;box-shadow:0 3px 4px -3px #999,inset 0 1px #fff;font-family:Verdana;font-size:26pt;padding:10px;text-align:center}#clock-days{color:green;font-weight:700}#clock-hr,#clock-mins,#clock-secs{font-family:courier new}#clock-hr{font-weight:700}#clock-secs{color:red}</style><div id="TimerDiv">New Year's Eve Countdown !<br/><span id="clock-days"></span> <font face="Georgia"><em>Days</em></font><br /><span id="clock-hr"></span><span class="clock-sep"> : </span><span id="clock-mins"></span><span class="clock-sep"> : </span><span id="clock-secs"></span></div></a><script type="text/JavaScript">
function startTimer(){var e=new Date("January 1, 2014 00:00:00");var n=e.getTime();var r=new Date;var i=r.getTime();var s=n-i;var o=s/864e5;var u=23-r.getHours();var a=59-r.getMinutes();var f=59-r.getSeconds();if(Math.floor(o)<=-1){document.getElementById("TimerDiv").innerHTML="It's New Year Time, Friends!<br/>Happy New Year 2014"}else{document.getElementById("clock-days").innerHTML=Math.floor(o);document.getElementById("clock-hr").innerHTML=u;document.getElementById("clock-mins").innerHTML=a;document.getElementById("clock-secs").innerHTML=f}t=setTimeout("startTimer()",999)}startTimer()
</script> 

5. Now save it and adjust the location where you want to see it.