Rayakan Tahun Baru 2021 Menggunakan Animasi Konfeti Keren di Website

ARSPuja Labs - Mari merayakan pergantian tahun dengan memasang animasi konfeti di website kita.

Yang belum mengetahui apa itu konfeti, Konfeti adalah beragam potongan kertas, milar atau bahan logam yang biasanya dilemparkan pada parade dan pesta.

image: ARSPuja Labs

Yups singkatnya konfeti adalah kertas berterbangan yang biasa digunakan saat acara perayaan.

Membuat Animasi Kertas Berterbangan (Konfeti) di Website

Dalam kesempatan kali ini saya akan membagikan sebuah kode javascript yang dapat menampilkan animasi kertas berterbangan layaknya perayaan pesta.

Bertepatan pada perayaan tahun baru online 2021 yang saat ini masih diterpa pandemi, mari kita rayakan menggunakan animasi di website.

Kode JavaScript ini menggunakan library yang bernama "Confetti.Js", hanya menggunakan satu file saja bisa menampilkan animasi yang luar biasa meriah.

Tidak perlu berlama-lama mari kita lanjut ke proses pemasangan dan pembuatan animasi konfeti:

Langkah Membuat Animasi Kertas Berterbangan (Konfeti) di Website

1. Salin/Copy kode berikut ini:

<script src="https://cdnjs.cloudflare.com/ajax/libs/canvas-confetti/1.4.0/confetti.min.js"></script>
<script>confetti.start(); setInterval(function(){ confetti.stop(); }, 8000);</script>

2. Buka kode tema blogger anda, atau buka script footer.php di dalam folder theme bagi pengguna wordpress

3. Cari kode "</body>" lalu pastekan / taruh kode yang tadi di salin pada langkah 1, di atas kode "</body>" tersebut.

4. Simpan dan selesai

Jika berhasil anda akan melihat animasi seperti ini

Keterangan Tambahan:

Pada kode di atas terdapat angka 8000 yang berarti pada hitungan ke 8 detik maka animasi akan hilang dengan sendirinya, kalian bisa menambah atau mengurangi durasi sesuai selera.

Sekarang coba akses situs web atau blog anda, dan lihat animasi kertas berterbangan akan keluar secara otomatis setiap kali membuka halaman atau konten.

Nah, jika kalian ingin menghentikan animasi cukup hapus kode tersebut setiap saat.

Itu yang dapat saya bagikan tentang, Rayakan Tahun Baru 2021 Menggunakan Animasi Konfeti Keren di Website

Cara Ampuh Melindungi Artikel Blog dari Maling Plagiat Konten

Bagaimana melindungi artikel atau konten blog dari para plagiat konten? Untuk kalian yang sedang mencari solusi karena konten di curi orang, baik itu gambar, artikel maupun konten jenis lainnya.

(Google Images)

Saya akan mencoba melakukan sharing cara ampuh melindungi konten dari tukang copas, artikel yang saya tulis ini berdasarkan sumber dari WanderCom yang berjudul Cara Ampuh Melindungi Konten Website Dari Pencuri

Cara Kerja Kode CSS dan Javascript Anti Copas 

Bagaimana cara kerja script atau kode anti copas ini? Sangat sederhana, kode css yang kami berikan berfungsi untuk melakukan disable klik kanan dan select textbox.

Sedangkan kode javascript bertugas melakukan disable atau mematikan fungsi klik kanan, fungsi kombinasi ctrl, tombol F12 dan fungsi select teks.

Dengan begitu artikel atau konten anda tidak akan dapat di salin oleh para plagiat.

Cara Penggunaan Kode Anti Copas

Untuk dapat melindungi konten anda dari para plagiat, silahkan mengikuti petunjuk berikut ini:

1. KODE CSS ANTI COPAS

Salin kode berikut dan paste di atas tag </head> kode html website (edit tema untuk blogger) anda:

<style type="text/css">
* : (input, textarea) {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
}
</style>
<style type="text/css">
img {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
}
</style>

2. KODE JAVASCRIPT

Salin kode berikut dan paste di atas tag </body> kode html website (edit tema untuk blogger) anda:

<script type="text/javascript">
function disableSelection(e){if(typeof e.onselectstart!="undefined")e.onselectstart=function(){return false};else if(typeof e.style.MozUserSelect!="undefined")e.style.MozUserSelect="none";else e.onmousedown=function(){return false};e.style.cursor="default"}window.onload=function(){disableSelection(document.body)}
</script>
/* WANDERCOMPUTINDO.COM */
<script type="text/javascript">
document.oncontextmenu=function(e){var t=e||window.event;var n=t.target||t.srcElement;if(n.nodeName!="A")return false};
document.ondragstart=function(){return false};
</script>
/* WANDERCOMPUTINDO.COM */
<script type="text/javascript">
window.addEventListener("keydown",function(e){if(e.ctrlKey&&(e.which==65||e.which==66||e.which==67||e.which==70||e.which==73||e.which==80||e.which==83||e.which==85||e.which==86)){e.preventDefault()}});document.keypress=function(e){if(e.ctrlKey&&(e.which==65||e.which==66||e.which==70||e.which==67||e.which==73||e.which==80||e.which==83||e.which==85||e.which==86)){}return false}
/* WANDERCOMPUTINDO.COM */
window.addEventListener("keydown",function(e){if( event.metaKey&&(e.which==65||e.which==66||e.which==67||e.which==70||e.which==73||e.which==80||e.which==83||e.which==85||e.which==86)){e.preventDefault()}});document.keypress=function(e){if(e.ctrlKey&&(e.which==65||e.which==66||e.which==70||e.which==67||e.which==73||e.which==80||e.which==83||e.which==85||e.which==86)){}return false}
</script>
<script type="text/javascript">
document.onkeydown=function(e){e=e||window.event;if(e.keyCode==123||e.keyCode==18){return false}}
</script>

Khusus Blogger, jika terjadi error saat proses simpan tema. 

Silahkan salin kode di atas kemudian (decode terlebih dahulu) melalui Tools HTML Entities:

https://www.online-toolz.com/tools/text-html-entities-convertor.php

Dan jika berhasil maka artikel kalian tidak lagi bisa di copy paste, klik kanan atau fungsi pencurian lainnya seperti blog NulisCoding.blogspot.com

Itulah tulisan saya terkait Cara Ampuh Melindungi Artikel Blog dari Maling Plagiat Konten, semoga bermanfaat.

Tampilan Super Simpel Situs Berita detik.com saat Pertama Kali Dipublikasikan Tahun 1998

Saya dibuat speechless saat melihat tampilan situs detik.com saat pertama kali diluncurkan pada tahun 1998, bagaimana tidak tampilannya masih sangat sederhana dan simpel sekali.

situs web detikcom tahun 2020 (harustahu.info)

Sejarah dan Tentang Situs Web Detik.com

Dikutip dari Wikipedia Indonesia, Detikcom adalah sebuah portal web yang berisi berita dan artikel daring di Indonesia. 

Berbeda dari situs-situs berita berbahasa Indonesia lainnya, Detikcom hanya mempunyai edisi daring dan menggantungkan pendapatan dari bidang iklan.

Sejak tanggal 3 Agustus 2011, Detikcom menjadi bagian dari PT Trans Corporation, salah satu anak perusahaan CT Corp.

Server Detikcom sudah siap diakses pada 30 Mei 1998, namun mulai daring secara lengkap pada 9 Juli 1998. 

Tanggal 9 Juli itu akhirnya ditetapkan sebagai hari lahir Detikcom yang didirikan Budiono Darsono (mantan wartawan DeTik), Yayan Sopyan (mantan wartawan DeTik), Abdul Rahman (mantan wartawan Tempo), dan Didi Nugrahadi. 

Semula peliputan utama Detikcom terfokus pada berita politik, ekonomi, dan teknologi informasi. 

Baru setelah situasi politik mulai reda dan ekonomi mulai membaik, Detikcom juga menyajikan berita hiburan, dan olahraga.

Dari situlah kemudian tercetus keinginan membentuk detikcom yang update-nya tidak lagi menggunakan karakteristik media cetak yang harian, mingguan, bulanan. 

Yang dijual detikcom adalah breaking news. Dengan bertumpu pada vivid description macam ini detikcom melesat sebagai situs informasi digital paling populer di kalangan users internet.

Tampilan Situs Detik.com di Tahun 1998 dan 2020

Penampilan situs detik.com pada tahun 1998 saat pertama kali mengudara sangat terlihat jauh berbeda jika dibanding saat ini, saya ambil dari artikel "Ini Penampakan Situs Portal Berita Indonesia Saat Pertama Kali Diluncurkan, Simple Banget!" 

Berikut penampakan situs detik.com

Tampilan situs detik.com tahun 1998 (harustahu.info)

Tampilan situs detik.com tahun 2020 (harustahu.info)

Bagaimana setelah melihat situs berita detik.com di tahun 1998 saat pertama kali diluncurkan?

Sangat simpel dan jauh dari kata mewah.

Namun, memang pada masa tersebut internet adalah barang mahal dan hanya orang tertentu yang memiliki dan bisa mengakses internet.

Tampilan Super Simpel Situs Berita detik.com saat Pertama Kali Dipublikasikan Tahun 1998