Skip to content Skip to sidebar Skip to footer

Cara Membuat Copyright Tahun Sekarang Otomatis di Blogger

Sebenarnya tutorial ini sudah ada di blog-blog lainnya, hanya saja kebanyakan yang saya temukan mereka menggunakan metode dari JavaScript, yaitu document.write() untuk mencetak output dari tahun sekarang.

Cara ini sah-sah aja sihh, tapi ketika saya tes performa website di GTmetrix ternyata ini berpengaruh terhadap kecepatan website kita nanti kalau seandainya koneksi internetnya lambat atau bermasalah.

Bisa dilihat pada gambar di bawah ini:


Dari penjelasan di atas, dapat diartikan menjadi "Untuk pengguna yang mengalami koneksi internet yang lambat, skrip eksternal atau di luar secara dinamis terinjeksi melalui document.write() bisa menyebabkan delay atau tertunda halaman yang ingin ditampilkan jadi puluhan detik".

Solusi:

Untuk mengatasi masalah di atas, kita bisa menggunakan fungsi innerHTML yang ada pada JavaScript. Dimana fungsi ini merubah konten yang ada di elemen HTML menjadi apa yang kita inginkan.

Dalam kasus ini kita ingin menampilkan tahun sekarang.

Oke langsung saja ini langkah-langkahnya:

  1. Login ke akun Blogger kita
  2. Kemudian klik pada menu Theme, dan klik tanda panah bawah di sebelah tombol CUSTOMIZE

  3. Akan muncul pilihan menu, klik Edit HTML


  4. Lalu akan muncul teks editor untuk mengedit template Blogger kita, langsung aja tekan tombol CTRL + F di keyboard untuk melakukan pencarian. Ketikkan copyright biar menuju ke skrip kode copyright yang akan kita edit.

  5. Jika sudah, tekan enter di keyboard maka akan langsung menuju ke kode copyright kita, kira-kira seperti ini:


  6. Ubah kode tersebut sehingga menjadi seperti berikut:
      Copyright &#169; <a expr:href='data:blog.homepageUrl.canonical'><data:blog.title/></a> 
    <span id="copyYear"/>
    <script type="text/javascript">
       var d = new Date();
       var year = d.getFullYear();
       document.getElementById(&quot;copyYear&quot;).innerHTML = year;
    </script>
  7. Untuk posisi tahunnya, kamu bisa menyesuaikan sendiri kalau di sini saya tampilkan tahunnya setelah nama blog. Jika sudah, klik tombol Save di bagian atas kanan teks editor.

  8. Jika sudah di Save, maka tampilannya akan menjadi seperti ini dan seharusnya tidak akan muncul masalah document.write() lagi untuk testing performa di GTmetrixnya.

    Tampilan copyright tahun sekarang

    Hasil top issues di GTmetrix, sudah tidak ada issue document.write()
Sekian tutorial tentang membuat copyright tahun sekarang secara otomatis di Blogger tanpa menggunakan document.write(), semoga bermanfaat dan sampai jumpa di tutorial selanjutnya 😊

Rinaldi Pratama Putra
Rinaldi Pratama Putra Reality is a lovely place, but I wouldn't want to live there.

Post a Comment for "Cara Membuat Copyright Tahun Sekarang Otomatis di Blogger"