Komentar

Notification texts go here Contact Us Buy Now!

Blogger'da Yaş Hesaplama Aracı Oluşturma

Blogger'da Yaş Hesaplama Aracı Oluşturma



Yaş hesaplama araçlarının çoğu, hesaplamak istediğiniz kişinin doğum tarihini (DOB) girmenizi ve ardından mevcut yaşını yıl, ay ve gün olarak görüntülemenizi gerektirir. Bazı gelişmiş hesap makineleri, kişinin haftanın hangi günü doğduğu veya burcu gibi ek bilgiler de sağlayabilir.

Birçok yaş hesaplama aracı çevrimiçi olarak ücretsiz olarak mevcuttur ve bunların kullanımı genellikle kolaydır. Bunları çeşitli web sitelerinde veya mobil uygulamalarda bulabilirsiniz ve hatta bazıları, örneğin bir arama motorunun arama kutusuna "yaş hesaplayıcı" yazarken arama motorlarına entegre edilebilir. Yaş hesaplayıcının yalnızca doğum tarihini doğru girmeniz ve güncel tarihi kullanmanız durumunda doğru sonuç verebileceğini unutmayın.

Blogger.com'a Yaş Hesaplama Aracı Nasıl Eklenir?

Öncelikle blogger.com adresine gidin ve ardından giriş yapın.

Daha sonra Blogger Sayfalarına gidin.

Yeni bir sayfa oluşturduktan sonra,

Sayfa adınızı (Adınız) veya Yaş hesaplayıcınızı seçin.


Şimdi Diğer Adımlar:

HTML Görünümü açın.

HTML moduna geçin.

Daha sonra aşağıda ki Kodun tamamını kopyalayın ve HTML Görünümleri sayfasına yapıştırın.


 <html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Age Calculator</title>
<style>

	body {
	font-family: 
}
#container {
	text-align: center;
	padding: 20px;
}
#form{
	margin-top: 20px;
}
input[type='text'] {
	padding: 5px 10px;
	border: 1px solid #bdc3c7;
	outline: 0;
	color: #2980b9;
	font-weight: bold;
}
#calbtn {
	border: 0;
	padding: 10px 20px;
	cursor: pointer;
	background: #482dff;
	color: #f1c40f;
	font-size: 20px;
	outline: 0;
}
#calbtn:hover, #calbtn:active {
	background-color: #c0392b;
	outline: 0;
}

</style>
</head>
<body>
	
	<div id="container">
      
		<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiJ34kCgzvUZT6nAT9bpW466HTDYEdCxctIcbxAmFRM91mfCnXk4qZUuE2cFsnXO0JxlXhp6CXl_4KSf3qOf6QE8moQmRUcY0jlDBZhumCcvJX_iOapkFXteuyQOi1KRvjUlT2Z11ooyQeGXvDm0UAKfYBMgFMjPrCFW_0FLhMMtv9Bz1hVvW2zo-YhwtFK=s150" alt="" />
		<form id="form" autocomplete="off">
			<h5>All must be filled in with numbers, otherwise we won't be able to calculate.</h5>
			<label for="date">
				Date Of Birth:
				<input type="text" maxlength="2" size="2" id="date" placeholder="Day" required/>
				<input type="text" maxlength="2" size="2" id="month" placeholder="Month" autocomplete="on" required/>
				<input type="text" maxlength="4" size="4" id="year" placeholder="Year" required/>
			</label>
			<br />
			<br />
			<label for="date2">
				Today's Date:
				<input type="text" maxlength="2" size="2" id="date2" placeholder="Date"/>
				<input type="text" maxlength="2" size="2" id="month2" placeholder="Month"/>
				<input type="text" maxlength="4" size="4" id="year2" placeholder="Year"/>
			</label>
			<br />
			<br />
			<button id="calbtn">Age calculator</button>
			<br />
			<br />
			<span id="age"></span>&nbsp;&nbsp;&nbsp;&nbsp;
			<span id="months"></span>&nbsp;&nbsp;&nbsp;&nbsp;
			<span id="days"></span>
		</form>
	</div>

<script>

	var form = document.getElementById("form"),
	bdate = document.getElementById("date"),
	bmonth = document.getElementById("month"),
	byear = document.getElementById("year"),
	date = document.getElementById("date2"),
	month = document.getElementById("month2"),
	year = document.getElementById("year2"),
	age = document.getElementById("age"),
	days = document.getElementById("days"),
	mons = document.getElementById("months"),
	today = new Date();

year.value = today.getFullYear();
month.value = today.getMonth() + 1;
date.value = today.getDate();

form.addEventListener('submit', function(event) {
	event.preventDefault();

	var by = Number.parseFloat(byear.value),
		bm = Number.parseFloat(bmonth.value),
		bd = Number.parseFloat(bdate.value),
		ty = Number.parseFloat(year.value),
		tm = Number.parseFloat(month.value),
		td = Number.parseFloat(date.value);

	if (td < bd) {
		days.innerHTML = (td - bd + 30) + ' days';
		tm = tm - 1;
	} else {
		days.innerHTML = (td - bd) + ' days'
	}

	if (tm < bm) {
		months.innerHTML = (tm - bm + 12) + ' months';
		ty = ty - 1;
	} else {
		months.innerHTML = (tm - bm) + ' months'
	}

	age.innerHTML = "Age: " + (ty - by) + ' years';

});

</script>	
	
</body>
</html> 

Gönderiyi yayınlayın . HTML kodunu ekledikten sonra, yayını Blogger web sitenizde yayınlamak için "Yayınla" düğmesini tıklayabilirsiniz.


Yaş Hesaplayıcı sayfasına bir bağlantı ekleyin . Kullanıcıların kolayca erişebilmesi için blogunuzun kenar çubuğuna veya gezinme menüsüne Yaş Hesaplayıcı sayfanıza bir bağlantı ekleyebilirsiniz.



DEMO SAYFASI

About the Author

Bilgisayar ve Yazılım Programları Hakkında En Güncel Bilgiler Bu Blog'da Bizi Takip Etmeyi Unutmayın.

إرسال تعليق

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.