Cara Membuat Testimoni Dengan Plugin path-to-randpos jQuery

Halo teman – teman semuanya, selamat datang pada website tips dan trik Dumet School. Pada kesempatan kali ini saya akan memberikan tips bagaimana Cara Membuat Testimoni Dengan Plugin path-to-randpos jQuery dimana dari hasil tampilannya sangat menarik. Tentunta kalian tahu bukan apa itu testimoni, ya testimoni biasanya untuk menampilkan kesan atau pesan pelanggan terhadap perusahaan. Pada studi case kali ini saya menggunakan testimoni tentang Dumet School dimana isi nya tentang kesan – pelanggan di tujukan kepada Dumet Scholl yaitu tentang tips dan trik pada website dan system belajar di Dumet School. Nah untuk lebih jelasnya teman – teman bisa lihat pada gambar di bawah ini

Tampilan foto dengan bentuk bulat kemudian ketika cursor di arahkan pada foto akan muncul pop up dengan isi nama dan kesan – kesannya. Dengan menggunakan plugin ini kita dapat membuat sebuah layout yang bagus, jika foto ada banyak atau jika di panggil dari database foto akan mengisi monitor dari kiri sampai full ke ujung kanan. Baik langsung saja kita prantekkan  Cara Membuat Testimoni Dengan Plugin path-to-randpos jQuery teman – teman siapkan text editornya dan download terlebih dahulu plugin nya. Saya sudah menyiapkan, teman – teman tinggal klik link ini lalu copy dalam satu folder. Kemudian teman – teman siapkan foto ukuran 100px x 100px, jika sudah tinggal kita ketikkan scriptnya, teman – teman ketikkan seperti gambar di bawah ini

Jika sudah save dengan nama index.html

Langkah berikutnya kita masukkan class, data-popovertitle, dan data-popovercontent

Teman – teman tambahkan pada setiap div nya, atau yang saya beri kotak warna orange, merah dan hijau, jika sudah tinggal kita berikan javascript nya untuk menjalankan plugin nya

Kemudian teman – teman save dan jalankan pada browsernya, maka tampilan testimoni berhasil di buat. Sangat mudah bukan, jika teman – teman masih bingung bisa post komentar di bawah ini.

Sekian pada artikel kali ini tentang Cara Membuat Testimoni Dengan Plugin path-to-randpos jQuery kita berjumnpa kembali pada artikel yang akan datang. Terimakasih dan sampai jumpa.

Semoga bermanfaat 😉