الدرس الأول في دورة بلوجر : عمل ساعة ذات خلفية سوداء في مدونتك

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

كل ما عليك هو أن تذهب إلي تذهب إلي لوحة التحكم الرئيسية ثم تذهب إلي التخطيط .

ثم تضغط علي إضافة أداة ثم أختار HTML / JavaScript

و أنسخ هذه الأكواد و الصقه في هذا المربع

<div align="center" dir="ltr">
<span id="digitalclock" class="styling"></span>
<script>
/*****************************************
* LCD Clock script- by Javascriptkit
* Translated By www.sakrjava.netfirms.com/
* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use
***********************************************/
<!--

var alternate=0
var standardbrowser=!document.all&&!document.getElementById

if (standardbrowser)
document.write('<form name="tick">
<input type="text" name="tock" size="6"></form>
')

function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="AM"

if (hours==12) dn="PM" 
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0) hours=12
if (hours.toString().length==1)
hours="0"+hours
if (minutes<=9)
minutes="0"+minutes

if (standardbrowser){
if (alternate==0)
document.tick.tock.value=hours+" : "+minutes+" "+dn
else
document.tick.tock.value=hours+"   "+minutes+" "+dn
}
else{
if (alternate==0)
clockobj.innerHTML=hours+"<font color='lime'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
else
clockobj.innerHTML=hours+"<font color='black'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show

//-->
</script></div>

و لا تنسون مشاركة الموضوع مع أصدقائكم المهتمين بالتدوين