Home Posts filed under javaScript
Tampilkan postingan dengan label javaScript. Tampilkan semua postingan
Tampilkan postingan dengan label javaScript. Tampilkan semua postingan

Jumat, 07 Juni 2019

Cara memasukkan update tahun otomatis pada html php dan javascript

1 Comment

redirect
Update tahun otomatis pada html php dan javascript
Script sederhana pasang pergantian tahun copyright secara otomatis pada HTML Web / Blog menggunakan dengan PHP ataupun Javascript.

Versi Javascript

Dengan javascript murni tempatkan biasanya pada bagian footer 

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


Javascript
Hasil Outputnya:


Atau Juga Bisa Seperti ini 

Copyright © 2016 <script type="text/javascript">
new Date().getFullYear()>2016&&document.write("-"+new Date().getFullYear());
</script> Nama Website.


Javascript
Hasil Outputnya:
Copyright © 2016
Nama Website.


Versi PHP

Tergantung pengaturan waktu yang digunakan. apakah anda menggunakan Wordpress ? biasanya penerapan pada footer.php. 

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


PHP
Hasil Outputnya:


Atau Juga Bisa Seperti ini 

Copyright © <?php
  $fromYear = 2016; 
  $thisYear = (int)date('Y'); 
  echo $fromYear . (($fromYear != $thisYear) ? '-' . $thisYear : '');?> Nama Website.


PHP
Hasil Outputnya:
Copyright © 2016, Nama
Website.

Minggu, 23 Desember 2018

Hitung Mundur Redirect Halaman

Comment

Hallo Sobat blogger Selamat pagi..,
Sambil menikmati kopi yang masih hangat dan mengisi kekosongan di pagi hari, saya akan berbagi trik sederhana namun cukup menarik, yaitu hitung mundur redirect halaman.
redirect
Hitung Mundur Redirect Halaman


HITUNG MUNDUR REDIRECT HALAMAN



Untuk membuatnya cukup mudah.
Kita akan mengkombinasikan fungsi window.location.href dengan decrement dan timeout.
Biar tidak penasaran, berikut ini adalah kode untuk membuat hitung mundur redirect halaman. 

<!doctype html>
<html>
<head>
<title>title</title>
</head>
<body>
<div id="pesan"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
            var url = "http://paitontio.blogspot.com"; // url tujuan
            var count = 10; // dalam detik
            function countDown() {
                if (count > 0) {
                    count--;
                    var waktu = count + 1;
                    $('#pesan').html('Anda akan di redirect ke ' + url + ' dalam ' + waktu + ' detik.');
                    setTimeout("countDown()", 1000);
                } else {
                    window.location.href = url;
                }
            }
            countDown();
        </script>
</body>
</html>

Sedikit penjelasan. Pada kode diatas kita tentukan url tujuan dan jumlah detik jeda redirectnya. Kemudian kita panggil fungsi countDown(). Dalam fungsi tersebut jumlah detik akan di decrement (dilakukan pengurangan) hingga mencapai nol. Setelah jumlah detik mencapai nol, maka akan diredirect ke url tujuan. Silahkan klik link demo di bawah ini untuk melihat hasilnya.

DEMO



Mudah bukan, selamat mencoba. Jangan lupa komentarnya.. terima kasih telah berkunjung ke paitontio.blogspot.com

Tiga Cara Membuat Pengalihan/Redirect Halaman Dengan PHP, HTML, Dan Javascript

Comment

Tiga Cara Membuat Pengalihan/Redirect Halaman Dengan PHP, HTML, Dan Javascript

redirect
Tiga Cara Membuat Pengalihan/Redirect Halaman Dengan
PHP, HTML, Dan Javascript

Redirect page atau pengalihan halaman adalah suatu cara yang digunakan untuk mengalihkan suatu halaman website menuju webpage lainnya. Redirect halaman ini bisa dilakukan dengan berbagai bahasa pemrograman web seperti PHP, HTML, dan Javascript. Kita akan membahas satu-persatu cara mudah redirect page ini:
  1. Redirect dengan PHP
    Kita letakkan script PHP berikut di sembarang tempat pada webpage PHP kita: 
    
<?Php
header("lokasi:alamat-tujuan");
?>

    Dari script diatas kita ganti alamat-tujuan dengan alamat akan kita tuju. Contoh: 
    
<?php
header("location:http://paitontio.blogspot.com");
?>

    Contoh diatas akan mengalihkan halaman secara otomatis ke http://paitontio.blogspot.com saat halaman tersebut diakses.
  2. Pengalihan dengan HTML
    Adapun script untuk mengalihkan suatu webpage menggunakan script HTML adalah sebagai berikut:
    
<meta http-equiv="Refresh" content="waktu-tunda; URL=alamat-tujuan">

    Waktu-tunda kita ganti dengan seberapa lama waktu yang diinginkan untuk tetap berada di halaman tersebut sebelum dialihkan ke alamat-tujuan. Waktu tunda ini menggunakan satuan sekon atau detik. Script diatas kita letakkan setelah tag <head> dan sebelum tag </head>.
    Contoh:
    
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Refresh" content="10; URL=http://paitontio.blogspot.com">
</head>

    Kita akan dibawa menuju alamat http://paitontio.blogspot.com setelah 10 detik webpage tersebut kita akses.
  3. Mengalihkan menggunakan Javascript
    Pengalihan dengan javascript ini bisa dilakukan dipasang pada halaman web yang bertipe PHP maupun HTML. Berikut ini adalah script redirect dengan javascript: 
    
<script language=javascript>
setTimeout("location.href='alamat-tujuan'", waktu-tunda);
</script>

    Waktu-tunda disini menggunakan satuan mili detik.
    Script diatas bisa dipasang diantara tag <head> dengan </head>
    maupun
    <body> dengan </body>.
    Contoh: 
    
<script language=javascript>
setTimeout("location.href='http://paitontio.blogspot.com'", 10000);
</script>

    Fungsi script diatas sama seperti nomor dua, yaitu mengalihkan halaman menuju http://paitontio.blogspot.com setelah 10 detik.

Demikian beberapa cara mudah dan cepat redirect halaman menggunakan PHP, HTML, dan Javascript. Semoga tutorial sederhana ini bisa bermanfaat.

Minggu, 20 Mei 2018

HTML5 kanvas dan javascript efek kembang api

Comment
Belajar membuat tampilan kembang api dengan HTML5 Canvas dan JavaScript. Roket berukuran pixel diluncurkan dari bagian bawah layar secara otomatis.

Jangan ragu untuk bermain dengan variabel konfigurasi dalam kode JS untuk bersenang-senang dengan eksperimen.





HASIL AKAN TERLIHAT SEPERTI DIBAWAH INI

Sabtu, 05 Mei 2018

Cara Membuat Efek Daun Berguguran di Blog

Comment



Efek daun berguguran merupakan salah satu animasi yang paling populer sejak dulu, banyak sekali blogger yang menggunakan efek daun berjatuhan ini untuk mempercantik tampilan blog mereka.

Masih ada banyak efek animasi untuk mempercantik tampilan blog, salah satunya dengan memasang efek daun berguguran ini pada blog Anda.

Meski efek daun berguguran ini menggunakan kode javascript, saya rasa masih cukup ringan dan tidak terlalu berat.

Sehingga Anda tidak perlu khawatir loading blog Anda akan menjadi berat, tapi kalau blog Anda sudah punya banyak widget atau efek-efek animasi lainnya saran saya lebih di kurangi agar loading blog tetap ringan dan cepat.

Jika Anda tertarik untuk memasang animasi efek daun berguguran di blog silahkan ikuti langkah-langkahnya di bawah ini.

Memasang Efek Daun Berguguran di Blog
1. Masuk ke Blogger.com
2. Klik Tema > Edit HTML.
3. Cari kode </body>, kemudian tambahkan kode javascript ini di atasnya.



4. Klik Simpan tema.

Catatan:
Anda juga bisa memasangnya di bagian widget blogger.
Atau Anda mau pasang di web Sama saja caranya ,,

pastekan kode javaScript tadi di atas kode </body>.


DEMO LIVE

Sabtu, 14 April 2018

JavaScript Efek Teks Pelangi

2 Comments

Kesempataa Oooh Kesempatan.. Di artikel ini saya akan membagikan pengetahuan saya tentang bagaimana cara membuat efek text pelangi otomatis , yang nantinya akan Mempercantik blog maupun website kalian.
Ada Dua pilahan kode javaScript efek text pelangi Kalian tinggal copy aja kode nya dan tempelkan di blog maupun di website kalian.

1. JavaScript Efek text pelangi Hasilnya :


2. JavaScript Efek text pelangi Hasilnya :

  • Untuk pemasangan ada dua cara :
    • 1.Menggunakan kode <script type='text/javascript'>kode javaScript efek text pelangi pasang disini </script>

    2. File Eksternal
    Tidak ingin kode Javascript bercampur aduk dengan HTML, kita bisa menuliskannya pada file terpisah. Caranya, buatlah sebuah file yang berekstensi .js, misalnya isinya sebagai berikut.
      pelangi.js
    Kemudian, kita perlu menghubungkan file eksternal tersebut dengan file HTML. Caranya, gunakan tag <script> dengan atribut src untuk menentukan lokasi file Javascriptnya.

    Sebagian Contoh Cara Pemasangan Menggunakan File Eksternal di bawah ini :
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Penulisan Javascript</title>
    </head>
    <body>
    <script src="pelangi.js"></script>
    </body>
    </html>

    Jumat, 13 April 2018

    Menampilkan Tanggal Dan Waktu Saat Ini Dengan JavaScript

    Comment


    Menampilkan Tanggal Dan Waktu Saat Ini Dengan JavaScript
    Jam, Hari dan Tanggal (Waktu) tidak lepas dari kehidupan, Pada kesempatan kali ini saya ingin berbagi pengetahuan tentang "Bagaimana Cara Membuat/Menampilkan Jam dan Tanggal dan Hari dengan JavasScript" ..

    Berikut Pilihan Javascript untuk Menampilkan Jam / Tanggal / Hari , sesuai dengan kebutuhan sobat :
  • Cara Menampilkan Tanggal dengan Javascript
    •
    Haslinya Akan Seperti Ini:

  • Cara Menampilkan Hari dan Tanggal dengan Javascript :

    • Hasilnya Akan Seperti Ini:

  • Cara Menampilkan Jam saat ini! dengan Javascript ( Pasif ) :

    • Hasilnya Akan Seperti Ini:

  • Cara Menampilkan Jam saat ini! dengan Javascript Format AM/PM :

    • Hasilnya Akan Seperti Ini:

  • Cara Menampilkan Jam saat ini! dengan Javascript ( Aktif ) :

    • Hasilnya Akan Seperti Ini:



    Langganan: Postingan (Atom)