Myjayvyn.com

PHP: Cara Memasang Rotasi Banner Pada Postingan

1  |  808 Views

Materi berikut adalah cara memasang rotasi banner pada postingan. Jumlah rotasi banner atau gambar yang dapat dipasang  tidak terbatas.

Tugas pertama anda adalah mengupload seluruh banner atau gambar melalui fitur Media, kemudian kumpulkan semua File URL banner tersebut.

File URL adalah informasi yang menunjukan lokasi dimana banner atau gambar disimpan.

wpb63

Saya asumsikan telah mengupload 5 buah banner dan mendapatkan 5 buah file URL sebagai berikut:

http://namadomain.com/alamatgambar1.jpg
http://namadomain.com/alamatgambar2.jpg
http://namadomain.com/alamatgambar3.jpg
http://namadomain.com/alamatgambar4.jpg
http://namadomain.com/alamatgambar5.jpg

Tugas kedua anda adalah meluncur ke menu Appearance>>Editor

Dari area sebelah kanan cari file dengan judul Single Post (single.php), lalu klik file tersebut

wpb62

Di area editor carilah tulisan atau script ini

<?php if (have_posts()) : ?>

atau

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

Jika script tersebut sudah ditemukan, tambahkan script dibawah ini tepat diatas script yang anda temukan tadi.

<?php
function randomImage ( $array ) {
  $total = count($array);
  $call = rand(0,$total-1);
  return $array[$call];
}
?>

<?php
$my_images = array (
  "http://namadomain.com/alamatgambar1.jpg",
  "http://namadomain.com/alamatgambar2.jpg",
  "http://namadomain.com/alamatgambar3.jpg",
  "http://namadomain.com/alamatgambar4.jpg",
  "http://namadomain.com/alamatgambar5.jpg",  
);
?>

<?php
echo '<a href="ALAMAT URL WEB YANG AKAN DITUJU"><img src="'.randomImage($my_images).'" alt="Random Image" /></a>';
?>

Pastikan anda menambahkan File URL gambar kedalam script seperti contoh diatas.

Lalu ganti  tulisan ALAMAT URL WEB YANG AKAN DITUJU, contohnya dengan alamat berikut http://www.dbc-network.biz/?id=jayvyn270204

wpb64

Jika dirasa sudah benar, klik tombol UP DATE FILE

Catatan! Saat copas script agar diperhatikan tanda kutip jangan sampai terhapus dan pastikan tanda kutip berdiri tegak tidak miring

Hasilnya banner akan muncul diatas judul postingan anda. Setiap kali membuka halaman postingan baru atau reload halaman postingan maka banner akan berubah. Cobalah menampilkannya setelah postingan atau sebelum form comment. Caranya gimanaaa??
Kasih tau ga yaaa… 😀
Hati-hati tampilannya jadi amburadul hehe..

wpb65

Demikian, semoga bermanfaat!

Author: Agie

Semoga bermanfaat 🙂

More Posts - Website

Follow Me:
TwitterFacebookPinterestGoogle Plus

One Comment

So, what do you think ?