Selamat Datang

Update Footer Website Anda Secara Dinamis Dengan Javascript dan PHP

Sudah tanggal 30 Desember 2014 saja sekarang ya, dua hari lagi sudah berganti tahun menjadi tahun 2015. Biasanya website dinamis selalu mengikuti perkembangan, dan selalu bisa terlihat up to date walaupun tidak di rubah secara manual. Ya bagitulah sifat website dinamis, lebih mudah untuk melakukan perubahan. 

Biasanya tanggal di bagian footer, tepatnya dibagain copyright selalu terisi dengan tahun saat ini. Di akhir tahun ini apakah anda sudah menyiapkan perubahan tahun tersebut untuk footer website anda?

Date Time Year Footer

 

Jika belum mungkin anda bisa menggunakan script Javascript atau PHP dibawah ini agar penulisan tahun di website anda otomatis berganti ketika memasuki tahun yang baru. Biasanya pemilik website lupa akan hal kecil ini, mereka tidak membuat tahun berganti secara dinamis, dan membuat website seakan terlihat kuno.

Baca juga:

Ada beberapa contoh yang bisa anda ikuti, tinggal copy paste saja ke bagian footer website anda.

1. Menggunakan Javascript

Untuk contoh pertama anda bisa menggunakan javascript, dengan javascript bisa di taruh di mana saja di halaman website HTML anda, apapun platform yang anda gunakan anda bisa manaruh script ini untuk menampilkan tahun saat ini.

<script type="text/javascript">
  document.write(new Date().getFullYear());
</script>

Hasil: 2014

2. Menggunakan Javascript 2

Agar lebih menarik anda bisa menambahkan kata-kata pelengkap agar yang tampil bukan hanya tahun saja. Mungkin anda ingin menambahkan copyright, dan lain sebagainya

&copy; 2011<script>new Date().getFullYear()>2010&&document.write("-"+new Date().getFullYear());</script>, Company.

Hasil: © 2010-2014, Company.

3. Menggunakan PHP

Jika anda menggunakan php anda bisa menaruh script berikut dibagian footer website anda, atau jika anda menggunakan CMS seperti wordpress, anda cukup mencari file footer.php di folder theme yang anda gunakan dan paste kode berikut ini.

<?php echo date("Y"); ?>

Hasil: 2014

4. Menggunakan PHP 2

Jika anda ingin menambahkan informasi tambahan seperti kata-kata pelengkap, anda bisa mengikuti cara berikut ini

&copy; <?php 
  $fromYear = 2008; 
  $thisYear = (int)date('Y'); 
  echo $fromYear . (($fromYear != $thisYear) ? '-' . $thisYear : '');?> Company.

Hasil: © 2008-2014 Company.

Itulah beberapa cara agar bagian footer anda selalu up to date dengan penulisan tahun yang otomatis berganti setiap tahun nya.

Salam web design indonesia

 





Penulis :

Website yang berisi Tutorial, Tips, Trik, Inspirasi, Opini, Cerita, Studi kasus, dan berbagai hal menarik tentang Web Design, Web Development dan Graphic Design untuk orang-orang kreatif di Indonesia. View all posts by TWD Editorial

Comments

8 thoughts on “Update Footer Website Anda Secara Dinamis Dengan Javascript dan PHP

  1. alfan says:

    nice tutorial mas., makasi … :)

  2. Tukang Belajar says:

    wogh javacript begitu
    makasih tutsnya kak bos

  3. mas, nambahin yang dari http://www.wpbeginner.com/wp-tutorials/how-to-add-a-dynamic-copyright-date-in-wordpress-footer/

    itu malah dibikin function, jadi tahun awalnya juga sudah otomatis.. saya pake itu, karena lebih simpel. mungkin bisa sebagai tambahan gan. nice post :mrgreen:

    • Terimas kasih tambahannya.
      Tapi yang menggunakan tahun awal juga sudah ditulis di contoh PHP 2 di artikel, mungkin yang dari wpbeginner itu lebih enak buat manggilnya karena tinggal nulis function nya

  4. nurma says:

    Ini yg lg dicari, ijin share ka :)

  5. Read Cyber says:

    manteb gan langsung di praktekin

  6. Untuk web dinamis memang diperlukan update tahun yang secara otomatis berganti seiring bergantinya tahun. Sedikit menambahkan saja yang pake php gan:

  7. […] otomatis berganti setiap tahun, maka harus dibuat lebih dinamis, baca tulisan berjudul “Update Footer Website Anda Secara Dinamis Dengan Javascript dan PHP” ini agar tahun di footer bisa otomatis berganti setiap […]

Leave a Comment

XHTML: You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>


Klik Tombol Like / Suka ya kawan..

Klik tombol "Like" atau "Suka" untuk mendapatkan update tutorial, tips & tricks serta info terbaru seputar dunia web design & development