Home » Google » Javascript » Animasi Google Earth Day 2011

Animasi Google Earth Day 2011

22 Apr. 201131 comments
Animasi Google Earth Day 2011

Seperti biasanya ketika ada moment yang penting, Google ikut merayakannya. Hari ini (22 April 2011) bertepatan dengan peringatan hari bumi (Earth Day 2011), Googlepun turut merayakannya, ditandai dengan perubahan pada logo Google dengan latar belakang pemandangan yang sangat indah, ada air terjun, burung yang berterbangan, ikan dan binatang-binatang lainnya yang makin menambah suasana alam dan lingkungan yang masih alami.

Seperti pada postingan sebelumnya Yuri Alekseyevich Gagarin, perubahan logo Google tersebut berhasil saya abadikan di blog ini secara utuh dan lengkap dengan efek animasinya menggunakan perpaduan CSS3 dan Javascript.

Untuk bisa menikmati efek animasinya silahkan geser/arahkan kursor mouse pada gambar-gambar tertentu, misalkan ketika kursor mouse anda arahkan ke air terjun, maka ikan-ikan yang ada di dalam air terjun tersebut akan berlompatan. Demikian juga ketika kursor mouse anda arahkan ke pepohonan yang ada di sebelah kanan air terjun, maka kupu-kupu yang sedang asyik melihat air terjun yang indah akan segera terbang, atau katak yang akan segera melompat ke air (akibat keusilan & keisengan anda yang telah menyentuhnya) hee…3x

Efek animasi lainnya yaitu ketika kursor mouse anda arahkan ke pepohonan yang ada di sebelah kanan huruf G, maka burung yang sedang tenang beristirahat akan segera terbang, demikian pula dengan seekor singa yang sedang beristirahat di pinggir sebuah danau yang sangat indah di bawah pepohonan yang rindang, akan langsung terbangun ketika anda mencoba mengusiknya, jadi jangan coba-coba diganggu/disentuh yaaa ntar bisa bangun dia, menerkam saudara heeee … dan masih banyak lagi yang lainnya silahkan anda coba sendiri. Animasi lainnya seperti awan yang berjalan baru bisa dinikmati jika menggunakan Google Chrome terbaru.

Anda juga bisa berselancar memanfaatkan Google tanpa beranjak/meninggalkan halaman ini. Selamat menikmati hidangan ala kadarnya ini, semoga berkenan di hati. Tak lupa mengucapkan selamat hari bumi 2011.

Dengan peringatan hari bumi (earth day) ini semoga akan menambah kesadaran bahwa semuanya adalah milik Allah dan sudah seharusnya digunakan untuk kepentingan yang sudah digariskan Allah. Manusia sebagai pemegang mandat (khalīfah Allāh fī al-ardh) diperintahkan untuk menggunakan amanat pengelolaan bumi dan isinya dalam kerangka ketaatan kepada Allah SWT. Bumi merupakan ajang bagi manusia untuk berlomba mengukir prestasi hidup (musābaqah fī al-khairāt) untuk kemaslahatan ummat, untuk kepentingan setelah hidup yaitu kehidupan akhirat. Etika yang terpenting dari cara kita menjaga sumber daya alam bumi dan isinya adalah dengan cara menjaga alam agar terhindar dari kerusakan baik kerusakan material maupun spiritual.

Referensi :

http://www.google.co.id (gambar dan javascript)
Untuk melihat efek animasi terbaik silahkan anda buka dengan Google Chrome terbaru.

Mudah-mudahan artikel tentang Animasi Google Earth Day 2011 ini bisa bermanfaat untuk anda, terima kasih.

Artikel Yang Mungkin Berkaitan :

  1. Mengenal lebih Dekat Data Center Milik Google
  2. Alwi ‘s Blog Mendapatkan Sitelinks
  3. Google Perbarui Algoritma Hasil Pencariannya
  4. Gajian Pertamaku Dari Google Adsense
  5. Google Memperkenalkan Format Video WebM
  6. Tips Menarik Untuk Pengguna Google Chrome
  7. Google TV, bukan Televisi Biasa
  8. Mendapatkan Kiriman PIN Google Adsense
  9. Google Doodle Art Clokey’s 90th Birthday Animation
  10. Google Apps, Layanan Untuk Office Online atau Kantor Virtual
  1. 22-4-2011 at 19:38 | #1

    Wah iframe bikin sendiri..
    Langsung link goole kan bisa yach..
    Emm bagus memang google sekarang HTML5, google artinya tak terhitung. Kalau di gabungin jadi bumi tak terhitung mungkin yach..

    Bisa aja sich cuman kalau langsung link ke Google besok dah ganti lagi logonya, kalau bikin sendiri bisa permanent dinimati dan bisa tuk kita pelajarinya codingnya

    Reply

  2. 22-4-2011 at 20:07 | #2

    Keren bangetik. Kok bisa ya? Hebat deh pak Alwi. Saya tadi juga sempat kaget mbukak gugel, tahunya hari bumi.

    Reply

  3. 22-4-2011 at 20:10 | #3

    Aku tadi sempat ngopas gambare kuwi mas. Uapik je. Neng kene, ketemu karo pakare css tambah huapik. Sep. Lanjut berkarya terus mas. :D

    Reply

    marsudiyanto Reply:

    Opo biso dicopas to Pak? :lol:

    Reply

    marsudiyanto Reply:

    Lha kuwi kode kok… xixixixixi…
    Pak Wandi ngapusi iki

    Reply

  4. 22-4-2011 at 20:13 | #4

    Malah tak nggo browsing yo isa mas.

    Reply

  5. 22-4-2011 at 20:32 | #5

    Baru tahu ternyata banyak animasi yang tersembunyi dibalik logo tersebut

    Reply

    Bang Iwan Reply:

    kapan2 buat tutorialnya dong kang. cara posting seperti diatas.

    Reply

  6. 22-4-2011 at 21:20 | #6

    Sebenarnya cara membuatnya bagaimana??? Kelihatannya menarik dan sangat patut untuk saya coba (tetapi masalahnya terletak pada scriptnya, di wordpress.com “script code” tidak di dukung). Jadi bisanya cuma melihat saja!!!

    Reply

  7. 22-4-2011 at 22:17 | #7

    Salam Takzim
    Ko bisa bergerak airnya ga takut tumpah kang, nanti kalau tumpah rusak dong lepy saya,,, eh eh eh ko basah nih donttouch donttoch
    kenapa nih
    Salam Takzim batavusqu

    Reply

  8. 22-4-2011 at 23:45 | #8

    Immuuuuttt… >.<

    Ini bisa didownload gak??
    Kalo bisa… Bisa tolong kirim ke email saya di sakura_yuki_kaze@yahoo.com?
    Thanks before~

    Reply

  9. 23-4-2011 at 08:30 | #9

    Animasinya top, yang masang juga top.
    Pokoknya saya suka cara ngotak-atiknya Mas Alwi.
    Salam!!!

    Reply

    Bang Iwan Reply:

    Saya yakin PakMars juga bisa ginian.

    Reply

    Bang Iwan Reply:

    Hari ini koq nggak buat lagi kang,..? sekalian dengan tutorialnya.

    Reply

  10. 23-4-2011 at 08:41 | #10

    ngedit kodenya jan maut tenan

    Reply

Comment pages
0+6=? (Wajib diisi)