Membuat Rollover Image di Blog - Selamat malam sobat, ini postingan ke-2 pada malam ini haha. Sobat tau Rollover image? Rollover image adalah suatu image / gambar yang dilengkapi dengan script di dalamnya sehingga sewaktu gambar (gambar utama/default) itu disorot dengan kursor maka gambar tersebut akan berganti dengan gambar yang lain (gambar kedua) #ilmugrafis.com seperti apa contohnya? lihat gambar dibawah ini
Jika gambar diatas didekatkan oleh pointer maka gambar tersebut akan cepat berganti gambar lainnya, nah itulah yang disebut Rollover image. Bagaimana cara membuatnya? sangat mudah berikut kodenya,
Berikut penjelasannya,
Baik, silahkan sobat coba. Jika ada pertanyaan bisa ditanyakan di kolom komentar.
Happy blogging :)~
Jika gambar diatas didekatkan oleh pointer maka gambar tersebut akan cepat berganti gambar lainnya, nah itulah yang disebut Rollover image. Bagaimana cara membuatnya? sangat mudah berikut kodenya,
Berikut penjelasannya,
- pada kalimat "LINK URL SOBAT" itu bisa diisikan alamat web/url yang sobat inginkan atau dituju.
- "URL GAMBAR PERTAMA" isikan url gambar yang sobat inginkan semisalnya "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYgK2ci8v9WjbGOiuzXu6xmUV5b8GSDznkziD6rioLQuqy0HON-qmKOIcSB07w9OPWSxoyrodxDWeoYIQHNA3V5w5sAjFIb2C0bF42navfs8HSxuBtvN-oQzyDAiC9iA10LyuHljTzOIy8/s1600/Twitter.png".
- "URL GAMBAR KEDUA" juga isikan url gambar yang sobat mau semisal "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyIVswA0H7I9yvgFmhifqOPBTea9w0A7D5T8huC4NvuIrJYtUqkZjWZM-nb7hm0lFg39KXRaLnBMQqqhvMWYPG1C7fqNaRfrFGa8hXn-QVLu9MnCz-86nhQ_JhLG3WMICiULg75g6VQuaL/s1600/RSS.png".
- Terakhir pada "URL GAMBAR PERTAMA LAGI" diisikan url yang sama dengan "URL GAMBAR PERTAMA".
Baik, silahkan sobat coba. Jika ada pertanyaan bisa ditanyakan di kolom komentar.
Happy blogging :)~