GOOGLE REVIEW BUTTON, GOOGLE REVIEW BUTTON FOR WEBSITE

google review button, google review button for website adalah sebuah tombol yang biasanya berbentuk bintang atau star untuk memberikan penilaian terhadap sustu konten, produk atau artikel yang biasa kita sebut membuat google review button atau google review button for website. Fungsi dari google review button for website adalah agar kita bisa membuat penilaian terhadap konten yang kitaa buat untuk di kirimkan ke google dan bisa muncul di halaman pencarian google. sebelum kita membahas lebih jauh bagaimana mengirimkan start atau google review, kita harus membuat google review button terlebih dahulu atau kita akan membuat tombolnya terlebih dahulu.
Didalam membuat google review button sebenarnya cukup mudah hanya cukup menuliskan kode Font Awesome untuk menampilkan bintangnya, lalu kita ingin membuat agar di antara tombol bintang itu terlihat interaktif maka kita akan sedikit membuat perubahan pada stylenya disini saya contokkan untuk tampilan sederhananya sebelum kita membuat interaktisnya menggunakan css
Sekarang kita akan membuat google review button, lalu kita ingin agar pada saat tombol 1 di sentuh mouse maka yang lain tidak ada reaksi, jika tombol 2 di sentuh mouse maka tombol 1 dan 2 bereaksi dan yang lain tidak bereaksi dan seterusnya. yang pertama kita bisa membuat cssnya terlebih dahulu Ini kita membuat style untuk merubah warna saat tombil bintang di sentuh oleh mouse, kemudian untuk pengaplikasiannya kita gabung dengan Javascript. sekerang kita akan membuat CLASS untuk di panggil oleh javascript nanti maka kita tulis kita perhatikan disini kita tambahkan 1 class yaitu star1 - 5 yang berfungsi sebagai clas yang akan di panggil nantinya, untuk penulisan Javascriptnya kita bisa membuat.
Script js untuk membuat google review button Kita perhatikan disini
  • $(".star1").hover(function(): artinya pada saatstar1 di sentuh mouse
  • $(this).addClass("star-active");: artinya dirinya sendiri akan di beri class star-active yang memiliki warna kuning pada css di atas
  • $(".star").not(this).removeClass("star-active");: artinya yang bukan dia (maksudnya yang tidak di sentuh mouse) maka di hilangkan classstar-activeny.
ini jika di sentuh mouse berarti startnya memiliki class star-active berarti berwarna kuning, kemudian untuk menghilangkan warna kuning pada saat mouse pergi maka di buatlah perintah pada $(".star1").mouseout(function(), yang disitu tertulis removeClass() berarti di hilangkan atribut class star-active dari semua start yang ada.
di atas hany bintang satu yang aktive, lalu bagaimana csra membuat JIKA TOMBOL KEDUA YANG DI SENTUH MOUSE DAN BINTANG PERTAMA JUGA IKUT AKTIVE?. Maka kita buat perintahnya fungsinya sama seperti pada penjelasan di atas hanya saja perbedaannya kita menambah jumlah class star-active pada staryang memiliki nilai di bawahnya.
untuk srcipt lengkapnya
Demikian tutorial sederhana bagaimana cara membuat google review button, google review button for website, agar website juga terlihat lebih interaktif dengan visitor. Terimakasih sudah membaha artikel tentang membuat google review button, google review button for website, semoga bermanfaat. Selanjutnya cara mengirimkan bintang atau star atau Google review agar bisa muncul pada halaman pencarian silahkan buka artikel saya mengenai, submit google review. Jika ada pertanyaan tinggalkan komentar di bawah ini.
Ditulis oleh: Admin

Tanggal: 14-08-2022 Pembaruan : 3 bulan lalu

 

Beri nilai


 
BAGIKAN :

Tinggalkan komentar

FLOATING BOX, MEMBUAT FLOATING BOX PADA WEBSITE
AUTO TRANSLATE WEBSITE, AUTOMATICALLY TRANSLATE WEB PAGES
BASIC PHP CODE, PHP CODE UNTUK PEMULA
SEO HTML TAG, HEADING UNTUK SEO SEBUAH WEBSITE

Galeri