Random Image Pada Header WordPress

9 February 2010 oleh Admin | 1063 pembaca 3 komentar »

Salah satu teknik untuk membuat tampilan website pribadi atau website perusahaan menarik adalah dengan membuat tampilan gambar yang berganti-ganti. Dengan gambar atau images yang berganti-ganti tersebut akan membuat website menjadi tidak membosankan.

Untuk membuat image header secara random, cukup anda siapkan image atau gambar dengan ukuran yang sesuai dengan header website dan mempunyai file extension yang sama, kemudian anda beri nama file dengan aturan sebagai berikut : (misal ada 5 gambar)

imageheader-1.jpg
imageheader-2.jpg
imageheader-3.jpg
imageheader-4.jpg
imageheader-5.jpg

gunakan FTP untuk memasukkan file-file tersebut dibawah domain anda.

Kemudian buka header.php anda, dimana anda menemukan perintah untuk memanggil gambar atau image seperti berikut :

<img src="http://domainanda.com/fileimageheader.jpg" width="...dst>

anda rubah menjadi :

<img src="http://domainanda.com/imageheader-<?php echo(rand(1,5)); ?>.jpg" width="..dst>

Ketika anda mereload atau merefresh halaman website anda, maka website akan memanggil image header anda secara random dari 1 – 5 yang anda siapkan.

Kata pencarian:

script header fhoto ganti ganti dengan php, kode php untuk membuat gambar berganti, membuat header flash dengan gambar berganti-ganti, membuat foto berganti ganti, membuat gambar berganti html php, banner wordprs berganti, script php merubah otomatis gambar header, script php gambar header ganti otomatis, edit header image berganti ganti di wordpress, sintac warna di php, slide header pada wordpress, sintak php peringatan/konfirmasi hapus, membuat header wordpress dari slide, random image di wordpress, membuat header wordpres berganti ganti, random image pada wordress, random warna tabel di php, script cetak halaman web tanpa header, script gambar berganti-ganti, print halaman berwarna dengan javascript, membuat tampilan cetak dengan javascript, penggunaan is_singular() di wordpress, mengganti image header wordpress dengan slider, membuat random image header dengan php, membuat random image php otomatis, membuat slide header di website wordpress, menanpilkan searc d header, membuat slideshow header worpress, mengganti header OceanBech 1 0 wordpress, script header pada wordpress, script untuk ngeprint data di halaman admin web, sintak bentuk ketupat menggunakan javascript, sintak html untuk image jpg, sintak javascript bentuk ketupat dengan pengulangan, sintak javascript untuk merubah gambar, widget java sript foto berganti-ganti, sintak mengganti warna tabel pada php, sliding gambar header di wordpress, script slider untuk header pada wordpress, Script php untuk mentransparankan tabel, script php mencetak data pencarian, script header slide automatis php, script html merubah otomatis gambar header, script membuat random image php header, script mengganti tampilan kursor pada web php, script peringatan hapus data pada php, script php cara membuat random image header, script php ganti gamabar berganti, script php gratis gambar ganti2, tampilan beranda wordpress yang berganti-ganti

Artikel terkait:

  1. Menampilkan Twitter pada Header Website
  2. Eksekusi Kode PHP pada WordPress
  3. Menambah Zoom Gambar pada WordPress
  4. Excerpt Pada WordPress
  5. Merubah Tanda Quote pada WordPress
  6. Menampilkan Artikel Terkait Pada WordPress
  7. Control Posting Activity on WordPress
  • 3 Komentar
    Beri komentar »
    1. goendal says:

      msh bingung menggunakan nya.,. mhon bimbingan nya.,.,
      ^_^

    2. Admin says:

      Header kita akan menjadi dinamis karena akan berubah-ubah sesuai dengan random yang diberikan oleh PHP.
      Kalau kita perhatikan file-file header yang kita masukkan hanya dibedakan oleh angka dibelakang sendiri. PHP akan merandom angka dibelakang tersebut, sehingga pada saat dipanggil dapat menjadi imageheader-1.jpg, imageheader-2.jpg, imageheader-3.jpg dst.

    3. ARasyid says:

      saya pakai theme twentyten menyelipkannya ‘rand’ nya dimana ya?
      karena isinya header.php seperti ini:
      if ( is_singular() && current_theme_supports( ‘post-thumbnails’ ) &&
      has_post_thumbnail( $post->ID ) &&
      ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ‘post-thumbnail’ ) ) &&
      $image[1] >= HEADER_IMAGE_WIDTH ) :
      // Houston, we have a new header image!
      echo get_the_post_thumbnail( $post->ID );
      elseif ( get_header_image() ) : ?>
      <img src="” width=”" height=”" alt=”" />


      mohon infonya bos, sampe penasaran nih…!

    Beri komentar

    » Random Image Pada Header Wordpress