» » Cara Mudah Membuat Slideshow pada WEB PHP

01.05 7
A+ A-

Tutorial Cara Mudah Membuat Slideshow pada Web PHP, bagi Sobat blogger yang ingin memperindah tampilan sebuah websitenya mungkin kalian membutuhkan sebuah slider atau slideshow pada halaman homepage atau index kalian agar lebih terlihat dinamis. Apa lagi bagi kalian yang sedang dalam masa bimbingan tugas akhir atau skripsi dengan membuat program berbasis website, tentunya kalian menginginkan sebuah website yang baik mulai dari segi program sampai tampilan website tersebut sehingga dapat menghasilkan nilai yang bagus dan memuaskan.

Cara Mudah Membuat SlideShow pada WEB PHP
Cara Mudah Membuat SlideShow pada WEB PHP


Ikuti langkah-langkah tutorial cara membuat slideshow pada web PHP di bawah ini dengan baik dan benar.
  • Buatlah sebuah Folder dengan nama slide pada file C:/xampp/htdocs kalian,
  • Buat sebuah index php di dalam folder slide yang telah kalian buat tadi dan Copy script di bawah ini.
    • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <!-- slidergezz.js and slidergezz.css -->
    <script type="text/javascript" src="js/slidergezz.1.3.8.js"></script>
    <link rel="stylesheet" type="text/css" href="css/slidergezz.css" />
    <!-- /slidergezz.js and slidergezz.css -->
    </head>
    <body>
    <div id="slider_container_2">
    <div id="SliderName_2" class="SliderName_2">
    <img src="images/slide.png" width="1000px" height="236px" alt="Selamat Datang" title="Selamat Datang"/>
    <div class="SliderName_2Description">Featured model: <strong>Charlize Theron</strong></div>
    <img src="images/slide2.png" width="1000px" height="236px" alt="Gezz Fashion Style" title="Gezz Fashion Style" />
    <div class="SliderName_2Description">Featured model: <strong>Charlize Theron</strong></div>
    <img src="images/slide3.png" width="700" height="450" alt="Selamat Berbelanja" title="Selamat Berbelanja" />
    <div class="SliderName_2Description">Featured model: <strong>Charlize Theron</strong></div>
    </div>
                 
    <script type="text/javascript">
    effectsSlide = 'rain,stairs,fade,blinds';
    var gezzSlider = Slidergezz.slider({container: 'SliderName_2', width: 1000, height: 236, effects: effectsSlide,
    display: {
    autoplay: 4000,
    loading: {background: '#ffffff', opacity: 0.1, image: 'images/loading-slide.gif'},
    buttons: {hide: true, opacity: 1, prev: {className: 'SliderNamePrev_2', label: ''}, next: {className: 'SliderNameNext_2', label: ''}}
    }
    });
    </script>
    </div>
    </body>
    </html>
  • Download css dan javascript beserta contoh gambar slidenya di sini,
  • Extract hasil download tersebut,
  • Copy dan Paste folder css, images dan js ke dalam file C:/xampp/htdocs/slide,
  • Buka xampp control panel lalu aktifkan Apache pada xampp kalian,
  • Buka browser lalu ketikan localhost/slide/ untuk melihat hasilnya.
  • Selesai.




Password :
blogkokang.blogspot.com

Semoga cara mudah membuat slideshow pada web PHP ini dapat bermanfaat dan juga dapat membantu memperindah tampilan website tugas akhir atau skripsi kalian Sobat blogger, jika kalian mengalami masalah dalam langkah-langkah tutorial di atas kalian dapat bertanya di kolom komentar yang telah disediakan.

Share to:

Posting Komentar Blogger

Langganan: Posting Komentar (Atom)
 
Top