Cara Membuat Rollover Image di HTML

Huiihh, demen banget ya gue posting tutorial. Ahahahahaa, ya ga papa lah. Berbagi ilmu itu wajib hukumnya, ya.. daripada gue galau-galauan terus kan. Hmmmm

Sekarang ini gue mau ngasih tau gimana caranya bikin rollover image di HTML.

Rollover image itu semacam button yang kita kasih sentuhan animasi sedikit. Jadinya nanti kaya gambar gif gitu. Misalkan kaya button share di blog-blog atau button follow di blog-blog, kan kalo kita deketin mouse ke gambar itu ada semacam perpindahan warna. Jadi di postingan ini gue bakal ngasih tau bagaimana cara membuatnya. Sebenernya sih tanpa gue kasih tau juga mungkin kalian udah tau caranya. Ada sih cara gampangnya bikin rollover image pake software semacam Adobe Dreamweaver. Cuma nanti script yang kita dapetin bakal panjang lebar.

Sekarang ini gue bakal ngasih tau gimana caranya buat bikin rollover image dengan script yang minim.

Begini caranya :

• Siapin 2 gambar sama tapi beda warna. Misalkan kaya  gambar ini...

Gambar 1 :

Gambar 2 :

• Terus kita kasih script ini :

Ini ditaro di bagian tag <head> :

<style type="text/css">
a.pic .image2{display:none}
a.pic:hover .image1 {display:none}
a.pic:hover .image2 {display:inline}
</style>

Ini ditaro di bagian tag <body> :

<center><a class="pic" href="LINK TUJUAN JIKA GAMBAR DIKLIK">
<img class="image1" src="URL GAMBAR 1" />
<img class="image2" src="URL GAMBAR 2" /></a></center>

------------------------------------

 Maka nanti yang akan kita dapatkan seperti ini :

Lucu khaannn... Emmmm... hahahahaahaa...

Udah yaaahh tutorial seputar rollover image.

Terimakasih sudah berkunjung...

Cara Menjalankan File Lain di Flash

Niihh, gue punya cara gimana caranya mangil setan *eh. Ahhahahahaha engga deenngg, gue kali ini mau ngasih tau tentang  gimana caranya maanggil file lain di dalam Macromedia Flash.

Misalkan gini :

Jadi, saat kita punya 2 proyek yang berbeda misalkan hmmm yang pertama kita punya animasi jam nah yang kedua kita punya animasi CV. Gimana caranya kita buat proyek awal pebukaan tentang hasil akhir tugas kita? Jadi gini nihh prosesnya. 

Kita udah punya file .swf  animasi Jam dan CV

Terus kita buat animasi pembuka, terus kita buat 2 button di dalamnya. Yang pertama button untuk animasi Jam, yang kedua untuk CV lalu masing-masing button kita kasih script :

on (release) {
    loadMovieNum("NAMA FILE.swf", 0, "GET");
}

Maka nanti button di animasi pembuka akan menjalankan file yang kita panggil itu.

File yang kita panggil harus berada dalam satu file yang sama, kalo engga nanti ga bakal bisa jalan scriptnya. Inget yaa itu yang di tandain warna merah itu nama filenya, bukan tempat lokasi file yang mau kita panggil.

Iyaps, sekianlah tutorial gamal kali ini. Semoga bermanfaat. :D

Cara Play Music di HTML

Haiii, kali ini gue bakal ngasih tau bocoran dari koding HTML tentang gimana caranya bisa play lagu pake HTML. Awalnya sih gue tau kode ini dari tugas HTML gue, yang disuruh buat design web pake Adobe Dreamweaver. Kebetulan gue dapet tema tentang tangga lagu gitu deh.

Gue ngerjain tugas ini sekelompok, sama Bagus, Lioni, dan Vini.

Cuss langsung aja ke topiknya..

Codingnya kaya gini :

<audio controls="controls">
    <source src="URL MUSIC.ogg" />
    <source src="URL MUSIC.mp3" />
        <p>Maaf, browser Anda tidak mendukung untuk menjalankan music ini.
<br>Silahkan Anda gunakan browser lain.</br>
</p>
</audio>

Mari kita liat koding itu. Saat play music kita harus nyiapin lagunya dulu yang akan di putar. File itu berbentuk .MP3 dan .OGG. Biar dapet file .ogg kita bisa convert file .mp3 yang kita punya pake software tambahan, gue sih biasa pake Format Factory buat convert jenis file.

Yang merah itu kita masukin url music kita yang akan kita pake.

Koding ini kita simpen dalam satu file proyek yang kita buat. Kaya gini conttohnya, gunanya biar ga ribet dan rapih.

Nanti kita bakal dapetin hasilnya kaya gini di browser yang kita pake :

Koding ini sayangnya masih belum bisa jalan di IE 9 ke bawah, buat browser yang lain juga belum tau deh gue, soalnya gue belum nyoba browser lain kecuali ke-3 browser di atas. Sejauh ini, yang paling bagus buat play music HTML itu di IE, tampilannya lebih keren kedua itu di chrome, yang ketiga baru deh di mozila.

Kalo nanti kita dapetin tulisan kaya gini : "Maaf, browser Anda tidak mendukung untuk menjalankan music ini. Silahkan Anda gunakan browser lain."  

Jangan panik ya.. Woles aja woless, hehehe. Itu tandanya Browser yang kita pake ga support sama kodingnya. Soalnya koding yg dipake ini koding HTML5.

Okedehh... Sekian tutorial dari gue kali ini, semoga bermanfaat.

Tugas 3D Akhir Semester Ganjil

Di akhir semester 1 ini gue dapet tugas dari si guru. Gue disuruh design atau yang lebih pantasnya di sebut "BUAT" atau "BIKIN" rumah + ruangan + interior-interior abal-abal pake software 3D Max. Tugas ini di buat perkelompok terdiri dari 4 orang. Waktu pekerjaan tugas ini selama 1 minggu. *deg*

Baru juga kelar buat tugas bikin game puzzle + jam flash muncul lagi tugas buat bikin beginian... Щ(ºДºщ)

Tugas kali ini bener-bener bikin pala gue mumet ga karuan. Yeps, seperti biasa, gue di tunjuk sebagai ketua kelompok dalam tugas ini sama temen-temen gue. Hmmm... 

Kelompok gue yang terdiri dari Ayu, Vini, and Reyka bagi-bagi tugas buat nyelesain ini tugas. Gue bagian design dapur, Ayu bagian design ruang tamu, Vini bagian kamar dan Reyka design bagian kamar mandi.

Mereka gue kasih tugas buat bikin barang-barangnya aja ntar gue gabungin jadi satu di dalam ruangan. Lucunya adalah kita design interiornya ini pake imajinasi. Dari di buat asal-asalan jadi muncul benda yang bisa di bilang membantu buat proyek tugas ini. Di tambah program 3D Max yg sering not respon pas lagi di buka. Bener-bener sesuatu sekali.

Dan beginilah hasil abstrak para siswa/i yang menjadi arsitek abal-abal selama seminggu...

Yang di atas ini dapur + meja makan.

Ini meja makannya di render dari bagian sisi sampingnya dapur.

Kalo yang ini ruang kamar.

Yang di atas ini kamar mandi.

Ini ruang tamunya.

Di liat tampak dari atas, bentuk keseluruhannnya kaya gitu.

Nah yang di atas ini bentuk rumahnya, ditambahin taman dan latar background awan.

Gue ngereder ini satu fotonya setengah jam dengan bantuan plug-in Vray, gue dan anak-anak bener-bener ngebut ngerjain tugas ini selama 3 hari terakhir sebelum presentasi, ngerjainnya di rumah gue, kasian banget mereka-mereka yang pada pulang malem terus ahahahahaa...

Tapi inilah hasil kerja keras kita kawan-kawan. Fufufu~ (º̩̩́⌣º̩̩̀)

Oke, kini tugas ini telah berlalu. Semoga tugas 3D di semester yang akan datang ga serumit bikin beginian. Terimakasih 3D Max...