-->

الثلاثاء، 27 ديسمبر، 2011

أداة العد التنازلى لرأس السنه الجديده لمدونات بلوجر blogger new year count down timer



بسم الله والحمد لله والصلاة والسلام على رسول الله ( صلى الله عليه وسلم )
كل عام وأنتم بخير بمناسبة إقتراب العام الميلادى الجديد أعاد الله علينا كل عام بالخير والبركات
موضوع اليوم عن إضافة أداه متعلقه بعداد زمنى تنازلى حتى موعد رأس السنه الجديد  ( شاهد الصوره التاليه)




والأن إليك الطريقه 
** سجل دخولك فى مدونتك بلوجر
** إذهب إلى التصميم >> عناصر الصفحه >> إضافة أداه >> HTML javascribt
** أضف إليها الكود التالى 


<style style="text/css">
.lcdstyle{ /*Example CSS to create LCD countdown look*/ 
background:#fff; 
color:#289728; 
font: bold 20px arial; 
padding: 15px;
border:5px solid #333333;
border-radius:15px; 
-moz-border-radius:15px; 
-webkit-border-radius:15px; 
box-shadow: 5px 5px 5px #CCCCCC;

}
.lcdstyle sup{ /*Example CSS to create LCD countdown look*/ 
font-size: 120% 
}
</style>
<script type="text/javascript">
function cdtime(container, targetdate){ 
if (!document.getElementById || !document.getElementById(container)) return 
this.container=document.getElementById(container) 
this.currentTime=new Date() 
this.targetdate=new Date(targetdate) 
this.timesup=false 
this.updateTime() 
}
cdtime.prototype.updateTime=function(){ 
var thisobj=this 
this.currentTime.setSeconds(this.currentTime.getSeconds()+1) 
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second 
}
cdtime.prototype.displaycountdown=function(baseunit, functionref){ 
this.baseunit=baseunit 
this.formatresults=functionref 
this.showresults() 
}
cdtime.prototype.showresults=function(){ 
var thisobj=this

var timediff=(this.targetdate-this.currentTime)/1000 //difference btw target date and current date, in seconds 
if (timediff<0){ //if time is up 
this.timesup=true 
this.container.innerHTML=this.formatresults() 
return 
} 
var oneMinute=60 //minute unit in seconds 
var oneHour=60*60 //hour unit in seconds 
var oneDay=60*60*24 //day unit in seconds 
var dayfield=Math.floor(timediff/oneDay) 
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour) 
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute) 
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute)) 
if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level 
hourfield=dayfield*24+hourfield 
dayfield="n/a" 
} 
else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level 
minutefield=dayfield*24*60+hourfield*60+minutefield 
dayfield=hourfield="n/a" 
} 
else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level 
var secondfield=timediff 
dayfield=hourfield=minutefield="n/a" 
} 
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield) 
setTimeout(function(){thisobj.showresults()}, 1000) //update results every second 
}
/////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW//////////////////////////////
//Create your own custom format function to pass into cdtime.displaycountdown() 
//Use arguments[0] to access "Days" left 
//Use arguments[1] to access "Hours" left 
//Use arguments[2] to access "Minutes" left 
//Use arguments[3] to access "Seconds" left
//The values of these arguments may change depending on the "baseunit" parameter of cdtime.displaycountdown() 
//For example, if "baseunit" is set to "hours", arguments[0] becomes meaningless and contains "n/a" 
//For example, if "baseunit" is set to "minutes", arguments[0] and arguments[1] become meaningless etc

function formatresults(){ 
if (this.timesup==false){//if target date/time not yet met 
var displaystring=arguments[0]+" days "+arguments[1]+" hours "+arguments[2]+" minutes "+arguments[3]+" seconds left until December 25, 2011 18:25:00" 
} 
else{ //else if target date/time met 
var displaystring="" 
} 
return displaystring 
}
function formatresults2(){ 
if (this.timesup==false){ //if target date/time not yet met 
var displaystring="<span class='lcdstyle'>"+arguments[0]+" <sup>days</sup> "+arguments[1]+" <sup>hours</sup> "+arguments[2]+" <sup>minutes</sup> "+arguments[3]+" <sup>seconds</sup></span> " 
} 
else{ //else if target date/time met 
var displaystring="" //Don't display any text 
alert("HAPPY NEW YEAR EVERYBODY!") //Instead, perform a custom alert 
} 
return displaystring 
}
</script> 
<table><tbody> 
<tr> 
<td> 
<img style="float:left; " src="http://3.bp.blogspot.com/-id6x2AOCGc4/TvoJfxRT-oI/AAAAAAAAFso/HKKnQ5bcnGY/s400/NEW%2BYEAR.png" width="125px"/> 
<h1 style="color:#289728; padding-top:40px;">Counting Till 2012 »»</h1><br/> 
</td></tr>
<tr><td> 
<div id="countdowncontainer"></div> 
<br /> 
<div id="countdowncontainer2"></div>
<script type="text/javascript">
var futuredate=new cdtime("countdowncontainer", "March 23, 2009 18:25:00") 
futuredate.displaycountdown("days", formatresults)
var currentyear=new Date().getFullYear() 
//dynamically get this Christmas' year value. If Christmas already passed, then year=current year+1 
var thischristmasyear=(new Date().getMonth()>=11 && new Date().getDate()>31)? currentyear+1 : currentyear 
var christmas=new cdtime("countdowncontainer2", "December 31, "+thischristmasyear+" 0:0:00") 
christmas.displaycountdown("days", formatresults2)
</script>
</td></tr> 
</tbody></table>
 

**** إذا أردت التعديل على الألوان  إتبع الأتى 

** والأن ماعليك غير تغيير لون الخط فى الساعه #289728
** لتغيير لون الإطار #333333
** لتغيير لون الخط #289728
** إضغط حفظ وإسحبها بالفاره فوق الرسائل  ( رسائل المدونه )
abuiyad

4 التعليقات:

khider ali يقول...

عندما نسأل عن اهم الاشياء في حياتنا فنقول اهم اشياء في الحياة النظافة فالنظافة شيئ مهم جدا في حياتنا بدونة ياتي الامراض الكثيرة والشديدة فيجب علينا الاهتمام بيها كثيرة للحفاظ على صحتنا واذا اردنا النظافة فلينا ب
شركة تنظيف بالجبيل للنظافة العامة اما اذا اردنا نوع معين من النظافة مثل مكافحة الحشرات اومكافحة النمل الابيض وهذ نوع من انواع الحشرات الخطيرة جدا

فنلجأ الي شركة مكافحة حشرات بالجبيل وفي بعض النظافة التي يجب الحفاظ عليها جيدا لانها تأتي الامراض الشديدة مثل كشف التسربات وعزل الاسطح وايضا لدينا شركة كشف تسربات المياه بالجبيل وشركة عزل اسطح بالجبيل ولدينا شركات اخر لجميع انواع النظافة مثل شركة تسليك مجارى بالجبيل حسب طلب حضراتكم
وللاتصال وطلب الخدمة اتصل ب 0508400941

شركة تنظيف منازل0550171619 ضي الرحمن يقول...

شركة تنظيف بالقطيف

سما كلين يقول...


كشف تسربات المياه بالدمام
كشف تسربات المياه بالاحساء

كشف تسربات المياه بالقصيم

كشف تسربات المياه بالقطيف
كشف تسربات المياه بالخبر
شركة كشف تسربات المياه بالجبيل

شركة كشف تسربات المياه براس تنورة



شركة سما المثاليه


شركة كشف تسربات المياه بالرياض


سما كلين يقول...

شركة عزل اسطح بالرياض


شركة عزل اسطح بالدمام

شركة عزل اسطح بالاحساء

شركة عزل اسطح بالقصيم

شركة عزل اسطح بالقطيف

شركة عزل اسطح بالخبر

شركة عزل اسطح بالجبيل

شركة عزل اسطح براس تنوره براس تنورة

أضف تعليق

عبر عن رأيك بدون تسجيل دخول

كن على إتصال

Best Blogger Tips
Blogger Gadgets