إضافة ساعة فلاشية رقمية مع التقويم الهجرى والميلادى ( اضافات بلوجر )

 إضافة ساعة فلاشية رقمية مع التقويم الهجرى والميلادى

  ( اضافات بلوجر ) 

 إضافة اليوم عبارة عن وضع ساعة فلاشية بسيطة رقمية مع اضافة التقويم الميلادى والهجرى .

الاضافة بعد تجربتها على مدونة كينج نت وتم تجربتها علي مدونة mkm 4 shopping وتعمل بشكل سليم والا تسبب اى ثقل للمدونة او المنتديات حيث ان هذه الاضافة تعمل بنفس ساعة المستخدم المتواجدة فى جهازة الكمبيوتر وتم وضع التقويم الهجرى والميلادى اسفل الساعة الفلاشية .

اذا اعجبتك هذه الاضافة وتريد وضعها فى مدونتك او فى منتداك عليك بمتابعة طريقة التركيب .

 

فى البداية اذهب الى لوحة تحكم مدونة بلوجر ثم من صفحة التخطيط اختار اضافة اداة

 

ومنها اختار اضافة HTML/JavaScript :

---------------------------------------------------------------------------------

  <style type='text/css'>
    .cnmuclock {
      background-color: #000000;
      border: 4px solid #eee;
      border-radius: 8px;
      box-shadow: 0 0 2px #222;
      color: #FF8000;
      display: block;
      font: 68px/80px arial;
      height: 80px;
      margin: 10px auto;
      padding-left: 4px;
      padding-right: 30px;
      position: relative;
      width: 195px;
    }
    .cnmuclock span {float: left;  margin: 0 4px;}
    .ceconds {
      font-size: 12px;
      position: absolute;
      right: 7px;
      top: -5px;
    }
    .cspahmsa {
      font-size: 12px;
      top: 10px;
      position: absolute;
      right: 5px;
    }
    .cfasel2 {display: none;}
    </style>
    <script type='text/javascript'>
    //<![CDATA[
    var _0x3512=["\x41\x4D","\x67\x65\x74\x48\x6F\x75\x72\x73","\x67\x65\x74\x4D\x69\x6E\x75\x74\x65\x73","\x67\x65\x74\x53\x65\x63\x6F\x6E\x64\x73","\x72\x65\x6E\x64\x65\x72\x54\x69\x6D\x65\x28\x29","\x50\x4D","\x30","\x63\x6E\x6D\x75\x63\x6C\x6F\x63\x6B","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x74\x65\x78\x74\x43\x6F\x6E\x74\x65\x6E\x74","\x3A","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x68\x6F\x75\x72\x73\x22\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x66\x61\x73\x65\x6C\x20\x63\x66\x61\x73\x65\x6C\x31\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6D\x69\x6E\x75\x74\x65\x73\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x66\x61\x73\x65\x6C\x20\x63\x66\x61\x73\x65\x6C\x32\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x65\x63\x6F\x6E\x64\x73\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x73\x70\x61\x68\x6D\x73\x61\x22\x3E"];function renderTime(){var _0x554cx2= new Date();var _0x554cx3=_0x3512[0];var _0x554cx4=_0x554cx2[_0x3512[1]]();var _0x554cx5=_0x554cx2[_0x3512[2]]();var _0x554cx6=_0x554cx2[_0x3512[3]]();setTimeout(_0x3512[4],1000);if(_0x554cx4==0){_0x554cx4=12}else {if(_0x554cx4>12){_0x554cx4=_0x554cx4-12;_0x554cx3=_0x3512[5]}};if(_0x554cx4<10){_0x554cx4=_0x3512[6]+_0x554cx4};if(_0x554cx5<10){_0x554cx5=_0x3512[6]+_0x554cx5};if(_0x554cx6<10){_0x554cx6=_0x3512[6]+_0x554cx6};var _0x554cx7=document[_0x3512[8]](_0x3512[7]);_0x554cx7[_0x3512[9]]=_0x554cx4+_0x3512[10]+_0x554cx5+_0x3512[10]+_0x554cx6+_0x554cx3;_0x554cx7[_0x3512[11]]=_0x3512[12]+_0x554cx4+_0x3512[13]+_0x3512[14]+_0x3512[10]+_0x3512[13]+_0x3512[15]+_0x554cx5+_0x3512[13]+_0x3512[16]+_0x3512[10]+_0x3512[13]+_0x3512[17]+_0x554cx6+_0x3512[13]+_0x3512[18]+_0x554cx3+_0x3512[13]}renderTime()
    //]]>
    </script>
    <div class='cnmuclock' id='cnmuclock'></div>
    <p align="center"><script language="JavaScript">
    var fixd;
    function isGregLeapYear(year)
    {
    return year%4 == 0 && year%100 != 0 || year%400 == 0;
    }

    function gregToFixed(year, month, day)
    {
    var a = Math.floor((year - 1) / 4);
    var b = Math.floor((year - 1) / 100);
    var c = Math.floor((year - 1) / 400);
    var d = Math.floor((367 * month - 362) / 12);
    if (month <= 2)
    e = 0;
    else if (month > 2 && isGregLeapYear(year))
    e = -1;
    else
    e = -2;
    return 1 - 1 + 365 * (year - 1) + a - b + c + d + e + day;
    }
    function Hijri(year, month, day)
    {
    this.year = year;
    this.month = month;
    this.day = day;
    this.toFixed = hijriToFixed;
    this.toString = hijriToString;
    }
    function hijriToFixed()
    {
    return this.day + Math.ceil(29.5 * (this.month - 1)) + (this.year - 1) * 354 +
    Math.floor((3 + 11 * this.year) / 30) + 227015 - 1;
    }
    function hijriToString()
    {
    var months = new Array("محرم","صفر","ربيع أول","ربيع ثانى","جمادى أول","جمادى ثانى","رجب","شعبان","رمضان","شوال","ذو القعدة","ذو الحجة");
    return this.day + " " + months[this.month - 1]+ " " + this.year;
    }
    function fixedToHijri(f)
    {
    var i=new Hijri(1100, 1, 1);
    i.year = Math.floor((30 * (f - 227015) + 10646) / 10631);
    var i2=new Hijri(i.year, 1, 1);
    var m = Math.ceil((f - 29 - i2.toFixed()) / 29.5) + 1;
    i.month = Math.min(m, 12);
    i2.year = i.year;
    i2.month = i.month;
    i2.day = 1;
    i.day = f - i2.toFixed() + 1;
    return i;
    }
    var tod=new Date();
    var weekday=new Array("الأحد","الإثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت");
    var monthname=new Array("يناير","فبراير","مارس","إبريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر");
    var y = tod.getFullYear();
    var m = tod.getMonth();
    var d = tod.getDate();
    var dow = tod.getDay();
    document.write(weekday[dow] + " " + d + " " + monthname[m] + " " + y);
    m++;
    fixd=gregToFixed(y, m, d);
    var h=new Hijri(1421, 11, 28);
    h = fixedToHijri(fixd);
    document.write("  - " + h.toString() + "   &nbsp;&nbsp;");
    </script></p>

----------------------------------------------------------------------------------

بالاخير اضغط على حفظ 

التعديل على اللوان الساعة الفلاشية 

• الكود المحدد باللون الازرق لون لوحة الساعة الفلاشية .
• الكود المحدد باللون الاخضر خاص باللون برواز الساعة .
• الكود المحدد باللون الاحمر خاص باللون الساعات والدقائق والثوانى .

بالاخير اتمنى بأن موضوع اضافة ساعة فلاشية رقمية مع التقويم الهجرى والميلادى - اضافات بلوجر اعجبكم وانتظرونى قريبا ساضع لكم المزيد من اهم دروس بلوجر .

 

 

 

تصنيف :