Info Penting

Laporan Pembuatan Blog Siswa SMPN 1 Kaliwungu Tahun Ajaran 2022/2023

S alah satu materi BTIK kelas IX mulai semester 1 tahun 2022 ini sengaja saya kenalkan tentang dunia blog, diawal perkenalan ini bukan dalam...

Artikel Terbaru


Kode Javascript Untuk Membuat Gambar dan Link Acak/Random

12 Des 2019 - - 11

Untuk mengamankan koleksi javascript yang cukup bermanfaat khususnya sebagai pendukung penampilan blog ini, kali ini saya posting Kode Javascript Untuk Membuat Gambar dan Link Acak/Random, kode javascript ini saya dapatkan dari computerhope.com. Berikut contohnya:

Gambar iklan di atas adalah contoh gambar acak/ random. Jika Anda me-refresh atau memuat ulang halaman ini (tekan F5), Anda akan mendapatkan gambar dan link yang berbeda.

Anda tertarik ingin mencobanya? copy kode javascriptnya di bawah ini:
<center>
<script type="text/javascript">
//Javascript Created by Computerhope https://www.computerhope.com/
//store the quotations in arrays
var images = [],
index = 0;

images[0] = "<a href = 'https://play.google.com/store/apps/details?id=com.mungmedia.stikermuslim'><img src='https://1.bp.blogspot.com/-6rxs1XiRNbQ/XfFpFesPt9I/AAAAAAAAW1U/qa0zHQcfXuQ-G9fiNzx6WwpnfyItOI0TACLcBGAsYHQ/s1600/Stiker%2BWA%2BIslami.gif' alt='Visit Computer Hope'></a>";
images[1] = "<a href = 'https://play.google.com/store/apps/details?id=com.mungmedia.nasihatulama'><img src='https://1.bp.blogspot.com/-B_7vVkjItTA/XfII9voHP9I/AAAAAAAAW1c/07ZgIg_z7Wk4gaxTi9PWMq2Ju-Ass3ILwCLcBGAsYHQ/s1600/Stiker-Nasihat-Ulama.gif' alt='Download Stiker Nasihat Ulama'></a>";
images[2] = "<a href = 'https://play.google.com/store/apps/details?id=com.mungmedia.stikerviral'><img src='https://1.bp.blogspot.com/-C2AAHkjqIk0/XfN94PlEUZI/AAAAAAAAW2I/A-QQnFpBFmsdx84X7QQbBa5oKx4D4Z3cQCLcBGAsYHQ/s1600/Stiker-Lucu-Viral.gif' alt='Aplikasi Khutbah Jumat NU'></a>";

index = Math.floor(Math.random() * images.length);
document.write(images[index]);
//done
</script>
</center>

Pada kode di atas, silahkan anda ganti link tujuan (saya beri warna biru), dan url lokasi gambar banner iklan anda (saya beri warna merah), setelah anda mengcopy kode di atas, anda bisa pasang di gadget HTML/ JavaScript blog anda, atau bisa juga anda pasang di dalam postingan blog anda, jangan lupa saat menempelkan kode dalam postingan pilih mode HTML bukan compose supaya script bisa berjalan.

Demikian Kode Javascript Untuk Membuat Gambar dan Link Acak/Random, semoga bermanfaat.

11 komentar

  1. Terima kasih Master..

    AL Kausar Munanis
    BuoL - Sulawesi Tengah

    BalasHapus
  2. untuk acak nomor bagaimana bang.???
    misal saya tilis begini "ini nomor sepatu saya 23 dan ini nomor clana saya 54"
    lalu kemudian misal artikelnya di refres nomornya berubah-ubah terus..
    mohon jawabannya bang...

    BalasHapus
    Balasan
    1. Anda bisa gunakan kode javascript ini:
      <script>
      var arr = []
      while(arr.length < 1){
      var randomnumber = Math.ceil(Math.random()*55)
      if(arr.indexOf(randomnumber) > -1) continue;
      arr[arr.length] = randomnumber;
      }
      document.write(arr);
      </script>

      Hapus
  3. Cara atur ukuran nya gimana bang?

    BalasHapus

Follow Me


Tutorial Blogger

Arsip Blog