How to make Age Calculator Tool in Blogger

Age Calculator Tool Scripts For Blogger

Age Calculator Tool in Blogger

আসসালামু আলাইকুম।আজকের এই ব্লগে আমি আপনাদের সাথে শেয়ার করবো ব্লগারের জন্য বয়স গণনা করার টুল বা Age Calculator Tool For Blogger । এই টুল স্ক্রিপ্ট দিয়ে আপনি আপনার ব্লগার ওয়েবসাইটে একটি বয়স গণনা করার টুল (Age Calculator) বানিয়ে ফেলতে পারবেন খুব সহজেই।যার জন্য আপনাকে কোনো স্ক্রিপ্ট কিনতে হবে না।

Age Calculator Tool

প্রত্যেক মানবসন্তান জন্মগ্রহণ করার পর থেকে তার জীবনের প্রতিটি মুহূর্ত তার বয়স হিসেবে গণনা করা হয়।আপনি কিংবা আমি এই পৃথিবীতে জন্মগ্রহণ করার পর থেকে আজ অব্দি যত দিন/সপ্তাহ/মাস/বছর অতিক্রম করেছি,সেটা আমাদের বয়স হিসেবে ধরা হয়।

আমরা আমাদের জন্ম তারিখ সঠিক ভাবে জানা থাকলে সেটি দিয়ে সহজেই আমাদের বয়স বের করতে পারি বয়স গণনা করার ক্যালকুলেটরের সাহায্যে।এর জন্য আমাদের কষ্ট করে গুনে গুণে সঠিক বয়স বের করতে হবে না।১ ক্লিকেই আমরা আমাদের সঠিক বয়স বের করতে পারি বয়স গণনা করার ক্যালকুলেটর বা Age Calculator দিয়ে।

Benefits of Age Calculator Tool

আমাদের বয়স একটি সংখ্যা।সাধারণত আমরা যেকোনো সংখ্যা যোগ/বিয়োগ/গুণ/ভাগ করার জন্য ক্যালকুলেটর ব্যবহার করে থাকি। ক্যালকুলেটর দিয়ে হিসেবের কাজগুলো আমরা দ্রুত করতে পারি।ঠিক তেমনি আমাদের বয়স গণনা করার জন্য আমরা Age Calculator Tool ব্যবহার করে আমাদের বয়স সহজেই গণনা করতে পারি।এর জন্য আমাদের শুধু জন্মতারিখ দিয়ে একটি ক্লিক করতে হবে।তাহলেই আমরা আমদের সঠিক বয়স দিন,সপ্তাহ,মাস,বছর সহ দেখতে পারবো।

How to make Age Calculator Tool in Blogger

আমরা যারা ব্লগিং করি তাদের মাঝে প্রায় অনেকেই Blogger দিয়ে ব্লগিং করে থাকি।যারা নতুন ব্লগার,তাদের মাঝে বেশিরভাগ ই Blogger দিয়ে ব্লগিং শুরু করে থাকে।কারণ Blogger একদম ফ্রী।Blogger এ ব্লগিং করতে হলে আমাদের কোনো টাকা খরচ করতে হবে না।আমরা চাইলে কাস্টম ডোমেইন না কিনে blogspot ডোমেইন দিয়ে অ্যাডসেন্স এপ্রুভাল নিয়ে অর্থ উপার্জন করতে পারি Blogger থেকে।

তাই,যারা Blogger এ ব্লগিং করি,তাদের জন্য আমার আজকের এই পোস্ট।এখন আমি দেখাবো কিভাবে আপনি আপনার ব্লগার ওয়েবসাইটে একটি সুন্দর Age Calculator Tool বানাবেন খুব সহজেই।আপনার ব্লগার ব্লগে বয়স গণনা করার ক্যালকুলেটর বানাতে নিচে দেখানো প্রত্যেকটি ধাপ ভালো করে অনুসরণ করুন।

Step 1 : প্রথমে আপনার Blogger Dashboard এ লগিন করে নিন।

Step 2 : এবার যাবেন Pages এ।

Step 3 : তারপর নতুন একটু পেজ খুলুন এবং আপনার ইচ্ছে মত একটি নাম দিন।উদাহরণ : Age Calculator Tool , Free Age Calculator Tool ইত্যাদি।

Step 4 : এখন Compose mode থেকে HTML Mode করে নিন।তারপর নিচে দেয়া কোডগুলো কপি করে উক্ত পেজে পেস্ট করে আপনার ইচ্ছে মত পেজ কাস্টোমাইজ (কাস্টোমাইজ বলতে বুঝিয়েছি, আপনার ইচ্ছে মত হেডিং/প্যারাগ্রাফ ইত্যাদি ম্যাটেরিয়ালস যোগ করার কথা।) করে পেজটি পাবলিশ করে দিন।

<script>/*<![CDATA[*/

  function myGDL1() {

      document.getElementById('toastNotif').innerHTML = '<span>Success! Your age details are here</span>';navigator.vibrate([50]) 

        }

  /*]]>*/</script>

<style>

 .drK select {

    background: #2d2d2f;

    color: #fffdfc;

    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);

  }

  </style>

<script>

var mS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];

var dat = new Date();

var curday = dat.getDate();

var curmon = dat.getMonth() + 1;

var curyear = dat.getFullYear();

var startyear =  dat.getFullYear()-100;

var endyear = dat.getFullYear();

function checkleapyear(datea) {

    if (datea.getYear() % 4 == 0) {

        if (datea.getYear() % 10 != 0) {

            return true;

        } else {

            if (datea.getYear() % 400 == 0) return true;

            else return false;

        }

    }

    return false;

}

function DaysInMonth(Y, M) {

    with(new Date(Y, M, 1, 12)) {

        setDate(0);

        return getDate();

    }

}

function datediff(date1, date2) {

    var y1 = date1.getFullYear(),

        m1 = date1.getMonth(),

        d1 = date1.getDate(),

        y2 = date2.getFullYear(),

        m2 = date2.getMonth(),

        d2 = date2.getDate();

    if (d1 < d2) {

        m1--;

        d1 += DaysInMonth(y2, m2);

    }

    if (m1 < m2) {

        y1--;

        m1 += 12;

    }

    return [y1 - y2, m1 - m2, d1 - d2];

}

function calage() {

    var calday = document.birthday.day.options[document.birthday.day.selectedIndex].value;

    var calmon = document.birthday.month.options[document.birthday.month.selectedIndex].value;

    var calyear = document.birthday.year.options[document.birthday.year.selectedIndex].value;

    if (curday == "" || curmon == "" || curyear == "" || calday == "" || calmon == "" || calyear == "") {

        alert("please fill all the values..!!");

    } else {

        var curd = new Date(curyear, curmon - 1, curday);

        var cald = new Date(calyear, calmon - 1, calday);

      var diff = Date.UTC(curyear, curmon, curday, 0, 0, 0) - Date.UTC(calyear, calmon, calday, 0, 0, 0);

        var dife = datediff(curd, cald);

        document.birthday.age.value = dife[0] + " years, " + dife[1] + " months, and " + dife[2] + " days";

        var monleft = (dife[0] * 12) + dife[1];

        var secleft = diff / 1000 / 60;

        var hrsleft = (secleft / 60);

        var daysleft = (hrsleft / 24);

        document.birthday.months.value = monleft + " Month since your birth";

        document.birthday.daa.value = daysleft + " days since your birth";

        document.birthday.hours.value = hrsleft + " hours since your birth";

        document.birthday.min.value = secleft + " minutes since your birth";

        document.birthday.sec.value = (secleft*60) + " seconds since your birth";

        var as = parseInt(calyear) + dife[0] + 1;

        var diff = Date.UTC(as, calmon, calday, 0, 0, 0) - Date.UTC(curyear, curmon, curday, 0, 0, 0);

        var datee = diff / 1000 / 60 / 60 / 24;

        document.birthday.nbday.value = datee + " days left for your next birthday";

    }

}

</script><script>/*<![CDATA[*/

  function myGDL1() {

      document.getElementById('toastNotif').innerHTML = '<span>Success! Your age details are here</span>';navigator.vibrate([50]) 

        }

  /*]]>*/</script>

</script><script>/*<![CDATA[*/

  function myGDL1() {

      document.getElementById('toastNotif').innerHTML = '<span>Success! Your age details are here</span>';navigator.vibrate([50]) 

        }

  /*]]>*/</script>

<style>

 .drK select {

    background: #2d2d2f;

    color: #fffdfc;

    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);

  }

  </style>

 <center><h3>Select Your date of Birth</h3></center><br />

            <form name="birthday">

<div class='cArea'>

               <span class="date">Date</span>&nbsp;<b>:</b>&nbsp;

               <select name="day" size="1" >

                  <script type="text/javascript">for(var j=1;j<32;j++)document.write("<option value="+j+">"+j+"</option>");</script>

               </select>

               <span class="date">Month</span>&nbsp;<b >:</b>&nbsp;

               <select name="month" size="1" >

                  <script type="text/javascript">for(var i=1;i<13;i++)document.write("<option value="+i+">"+mS[i-1]+"</option>");</script>

               </select>

          <span class="date ">Year</span>&nbsp;<b >:</b>&nbsp;

               <select name="year" size="1">

                  <script type="text/javascript">for(var k=startyear;k<=endyear;k++)document.write("<option value="+k+">"+k+"</option>");</script>

               </select>

<p style="text-align:center;">

              <input name="start" onclick="calage();myGDL1()" value="Calculate" type="button" style="width:100px; margin: 0 auto;">

       </p>        

               <input name="age" value="Results will show here"  style="width:100%;" type="text">

               <p class="date1">You have been living for -</p>

                        <td class="date-red">In months</td>

                    <input name="months" style="width:100%;" type="text">

<br />

                        <td class="date-red">In days</td>

                        <td><input class='cInpt cName' name="daa" style="width:100%;" type="text"></td>

                 <br />

                        <td class="date-red">In hours</td>

                        <td><input name="hours" style="width:100%;" type="text"></td><br />

  <td class="date-red">In minutes</td>

                        <td><input name="min" style="width:100%;" type="text"></td>

<br />

                        <td class="date-red">In seconds</td>

                        <td><input name="sec" style="width:100%;" type="text"></td>

<hr>

                        <td colspan="2" class="date-red">Boom! Your next birthday will be in -</td>

                        <td colspan="2"><input name="nbday" style="width:100%;" type="text"></td>

              </div>

            </form>

Conclusion

আশা করি আমার উপরে দেখানো সবগুলো স্টেপ আপনি যথাযথভাবে ফলো করেছেন।হয়ে গেলো আপনার ব্লগার ব্লগার জন্য একটি সুন্দর বয়স গণনা করার ক্যালকুলেটর।কমেন্ট করে কেমন লাগলো আমার এই পোস্ট How to make Age Calculator Tool in Blogger তা জানাতে ভুলবেন না।যদি কোনো ভুলভ্রান্তি থাকে তবে অবশ্যই ফিডব্যাক দিবেন।আজকের মত এতটুকুই,দেখা হবে পরবর্তী পোস্টে।আল্লাহ হাফেজ।