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.
Waktu dini hari manfaatkan untuk sholat tahajud ya
04:58:15 Waktu Indonesia
Jangan sekali-kali membuat keputusan dalam kemarahan, dan jangan pula membuat janji dalam kebahagiaan (Ali bin Abi Thalib)
Assalamualaikum, jika postingan blog kamu mengalami error, pastikan postingan kamu lebih dari 10 postingan, atau atur di menu widget breaking news Subscribe
0

Blogger'da Yaş Hesaplama Aracı Oluşturma

Blogger'da Yaş Hesaplama Aracı Oluşturma
1 menit



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

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

Yorum Gönder

Pergunakanlah kecerdasan anda saat berkomentar, dan tinggalkan komentar sesuai topik tulisan, menuliskan merek template selain merek template yang kami posting akan langsung kami hapus atau kami anggap sebagai spam
Masukkan URL Gambar atau URL Video YouTube atau Potongan Kode , atau Quote , lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image video quote pre code
Blogger'da Daha Fazla Araç Bağlantı Listesi Sayfası Oluşturma   Blogger'da Yapışkan Not Oluşturma Aracı   Blogger Fancy Fonts Style Generator   Blogger Web Sitenize Şık Kahraman Başlığı Nasıl Eklenir?   JavaScript Kullanarak Gradient Generator Aracı Oluşturma   Blogger'da Yaş Hesaplama Aracı Oluşturma   Blogger'da Küçük Resim Oluşturma Aracı   Blogger Aracı JavaScript'te Metni Dosya Olarak Kaydetme   Blogger Metin Boyutlandırma Özelliği Ekleme   Blogger JavaScript Kullanarak Yazma Animasyonu ile Kullanım Koşulları Oluşturma Aracı