الموقع معروض للبيع، اذا كنت ترغب بشرائه تواصل معنا. متابعة

إضافة سكربت حساب العمر في مدونة بلوجر

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

طريقة عمل السكربت

يقوم السكربت بحساب عمر المستخدم بمجرد أن يقوم المستخدم بإدخال تاريخ ميلاده، حيث توجد ثلاثة أماكن لإدخال العمر، وهي إدخال يوم وشهر وسنة ميلاده. ثم تقوم بحساب العمر عن طريق الضغط على زر حساب. هذا السكربت يعتمد بشكل أساسي على كود JS، و تم تصميمه باستخدام كود HTML و CSS.

معاينةالسكربت داخل بلوجر 

معاينة السكربت

إضافة السكربت في بلوجر 

لإضافة أداة حساب العمر في بلوجر داخل الصفحات الثابتة، اتبع الخطوات التالية :
  • انتقل الى منصة بلوجر 
  • من القائمة الجانبية اختر الصفحات 
  • اضغط على انشاء صفحة جديدة، ثم انتقل إلى وضع عرض html واحذف ما بداخله.
  • انسخ الكود الموجود في الأسفل والصقه في قسم html بصفحة التي أنشئتها.


<style>
.lunacont .title{font-size:15px;text-align:right;line-height:0.5;color:#1073d0}
.lunacont input[type=text]{margin:auto;width:95%;outline:none;min-height:35px;border:2px solid #1073d0;padding:5px;background-color:#fff;border-radius:2px;color:#1073d0;font-size:17px}
.lunacont input[type=text]:focus{background-color:#ffffff;border:2px solid #1073d0;outline:none}
.lunacont input[type=button]{width:150px;margin-left:35%;margin-top:40px;outline:none;border:none;border-radius:2px;background-color:#0761b6;color:#ffffff;padding:14px 16px;text-align:center;font-size:16px}
.lunacont #age{display:block;margin:10px;margin-top:35px;padding:10px;padding-bottom:6px;overflow:hidden;font-family:verdana;font-size:23px;font-weight:normal;line-height:1.5;word-spacing:2.7px;color:navy}
</style>

<div class="lunacont">
<p class="title">اليوم </p>
<input type="text" name="اليوم" id="date" placeholder="dd" required="required" minlength="1" maxlength="2" />
<p class="title">الشهر</p>
<input type="text" name="الشهر" id="month" placeholder="mm" required="required" minlength="1" maxlength="2" />
<p class="title">السنة</p>
<input type="text" name="السنة" id="year" placeholder="yyyy" required="required" minlength="4" maxlength="4" />
<input type="button" name="حساب" value="حساب" onclick="age()" />
<div id="age"></div>
</div>


<script type="text/javascript">function age(){var b=document.getElementById("date").value;var l=document.getElementById("month").value;var j=document.getElementById("year").value;var e=new Date();var a=e.getDate();var k=1+e.getMonth();var i=e.getFullYear();var f=[31,28,31,30,31,30,31,31,30,31,30,31];if(b>a){a=a+f[k-1];k=k-1}if(l>k){k=k+12;i=i-1}var g=a-b;var c=k-l;var h=i-j;document.getElementById("age").innerHTML="عمرك هو "+h+" سنة "+c+" أشهر "+g+" أيام"};</script>



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

شكرا لزيارة موقعنا. إذا كانت لديك أي أسئلة، يرجى وضعها في التعليقات، وسأرد في أقرب وقت ممكن.

إرسال تعليق

إمتداد ويب © 2021 - 2022