Skip to main content

Cara Membuat Text Berkedip Dengan JavaScript

Hai sobat codes, kali ini mimin Bakal Share Sebuah Tutorial Bagaimana Sih Caranya Membuat Sebuah Text Berkedap Kedip Hanya Dengan Menggunakan JavaScript, Untuk Memulai Membuat Text Berkedap Kedip, Buat Lah Sebuah File Baru Dengan Nama Sesuai Keinginan kalian. Berikan extensi file tersebut dengan extensi HTML.
Contoh : berkedip.html

 Langkah Pertama
Copykan Code HTML berikut ke file yang telah Kalian Buat.
<!DOCTYPE html>
<html>
<head>
<title>Contoh Text Berkedip</title>
</head>
<body>


</body>
</html>
Langkah Kedua
Kemudian, Tambahkan Kode JavaScript Berikut ini.
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script>
setInterval(function(){
     $(".kedip").toggle();
},400);
</script>
Letakkan dibawah tag <body>.
Baca Juga: Cara Redirect Halaman Web Menggunakan JavaScript
Langkah Ketiga
Untuk Membuat Text nya menjadi Berkedap Kedip, Tambahkan sebuah text yang sobat inginkan. Kemudian berikan lah font class nya kedip.
<font class="kedip">Hai Saya Sedang Berkedip</font>
Letakkan Dibawah tag </script>.
Perhatikan text berwarna merah tersebut, itulah font class nya dari JavaScript Diatas Tadi.
Hasil nya akan seperti ini:
Hai Saya Sedang Berkedip
Sekian dulu yah tutorial kali ini, semoga Bermanfaat Yah Sobat.
Labels:

Comments

Post a Comment

Popular posts from this blog

Cara Membuat Text Mengetik Sendiri Dengan JavaScript

Hai sobat codes, kali ini mimin bakal share sebuah tutorial bagaimana Cara Membuat Text Seakan Mengetik sendiri dengan Menggunakan JavaScript. Buatlah Sebuah File Baru dengan extensi HTML. Contoh : mengetik.html Kemudian Untuk Langkah-Langkah nya Sihlakan Ikuti Sesuai langkah-langkah Berikut ini, Perhatikan dengan baik-baik! Langkah Pertama Copy Script HTML dibawah Ini, pastekan Ke file baru yang telah sobat Buat. <!DOCTYPE html> <html> <head> <title>Text Sedang Mengetik...</title> </head> <body> </body> </html> Baca Juga:  Cara Membuat Text Berkedip Dengan JavaScript Langkah Kedua Kemudian, copykan kode JavaScript berikut ini. <script type="text/javascript"> TypingText = function(element, interval, cursor, finishedCallback) {   if((typeof document.getElementById == "undefined") || (typeof element.innerHTML == "undefined")) {     this.running = true;     return;   }   this....
Post a Comment
Baca Lebih Lanjut »

MAKE A SCRIPT DEFACE [Online Tools]

Hai sobat codes kembali lagi sengan mimin disini. Kali ini mimin bakal bagi-bagi tutorial nya sesuai dengan judul yang diatas. Ok Langsung saja Kita Mulai Yah. Langkah-Langkah: 1. Kita Masuk ke Tools Make Online Script nya Disini.caranya pilih menu tools pada menu diatas artikel ini. 2.Jika Sudah Masuk Ke website nya. Tampilan webnya seperti dibawah ini. 3.Isi semua Kolom-kolomnya Sibat. Disini mimin bakal jelasin sedikit Yah Fungsi Dari Kolom-kolom yang akan Kalian isi. Judul Script: Sebagai Title, Ya tentunya judul:v FAVICON Image: Favicon adalah ikon utama yang muncul pada address bar suatu laman web dan merupakan logo dari laman web tersebut. juga dikenal sebagai shortcut icon, website icon, URL icon, atau bookmark icon. Background Color: Fungsi dari background color adalah memberi warna pada backgroud script. Background img: Fungsi dari background image adalah menjadikan Gambar sebagai Background pada sceipt yang akan kalian Buat, jika tidak Ingin Memakainya...
Post a Comment
Baca Lebih Lanjut »