Tahun otomatis di footer

Script menampilkan tahun aktual , otomatis berganti tiap tahun.
Oleh:
Pada:

Hari ini :
Waktu :

Script menampilkan Tahun.

Tahun aktual, otomatis berganti setiap tahun.

Contoh atribusi footer dengan tahun :
Masalah kecil dan sering kali terlupa adalah mengganti tahun pada footer blog jika tidak menggunakan script yang secara otomatis mengikuti tahun aktual.
Pada saat memasang script juga harus diperhatikan , karena ada jenis script yang ternyata menghambat pemuatan halaman, yaitu script dengan metode document.write()


Penggunaan document.write() menghambat pemuatan halaman.

documen write

Untuk menghindari hal tersebut, dibawah ini adalah script sederhana tanpa document.write() yang berfungsi menampilkan tahun secara aktual. Aktual artinya terkini, berarti script ini menampilkan tahun secara aktual / otomatis terupdate disetiap pergantian tahun.


<script>
document.getElementById("tahun").innerHTML = (new Date().getFullYear());
</script>
Script diatas menggunakan metode getElementById() , sehingga terbebas dari kendala pemuatan halaman.

Cara pemasangan script waktu get methode

  • Buat elemen <span></span> kosong dilokasi dimana akan ditampilkan tahun.
  • Tambahkan id dalam tag elemen tersebut, misal : <span id='tahun'></span>
  • Copy script diatas, paste dalam template, diarea tag <body> atau letakkan inline, sebaris dengan elemen span yang akan digunakan.
  • Atau copy kode siap pakai dibawah ini.
<div class='copyright'>
  <p>
   <a href='/'><data:blog.title.escaped/></a>
   &nbsp;&#169;&nbsp;
   <span id='tahun'></span>
  </p>
  <script>
   document.getElementById("tahun").innerHTML = (new Date().getFullYear());
  </script>
</div>

Copy code diatas, paste dalam template lalu preview terlebih dahulu.
Jika tidak ada kondisi tertentu, seharusnya secara otomatis akan tampil seperti ini :
Judul Blog kamu © TAHUN

Selamat mencoba.. (jika terjadi kendala, silahkan tinggalkan komentar.)
⇐ Sebelumnya
Selanjutnya ⇒

Posting Komentar

[---- Ads 3 ----]
Cookie Consent
Kami menyajikan cookie di situs ini untuk menganalisis lalu lintas, mengingat preferensi Anda, dan mengoptimalkan pengalaman Anda.
Oops!
Ada yang salah dengan koneksi internet Anda. Silakan sambungkan ke internet dan mulai menjelajah lagi.
AdBlock Detected!
Pemblokir iklan terdeteksi!.
Pendapatan yang kami peroleh dari iklan digunakan untuk mengelola situs web ini, harap memasukkan situs ini ke daftar putih (whitelist) di pengaturan pemblokir iklan Anda.
Site is Blocked
Sorry! This site is not available in your country.