Membuat Rollover Image di Blog - Mari Belajar - Belajar dimana saja dan kapan saja.
Terbaru
Memuat...

Senin, 05 Mei 2014

Membuat Rollover Image di Blog

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,

  • 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 :)~

Share with your friends

Give us your opinion

Pemberitahuan
Selamat datang di blog Mari Belajar.
Ayo bagikan kebaikan dengan membagikan artikel yang bermanfaat di blog Mari Belajar ke sosial media kalian.
Jangan lupa untuk like dan follow sosial media Mari Belajar untuk mendapatkan materi belajar terbaru setiap harinya.
Tutup
Night Mode