26 June 2012

Cara membuat Bunglon ala situs Notepad ++

  Pernah pergi ke situs http://www.notepad-plus-plus.org ? Mungkin ada yang udah pernah ada yang belum. Bagi yang udah pernah. Pernah liat header bunglon rollover yang ada di situs itu?

  Iya, bunglon unyu itu memang selalu bikin kita getol buat nge-roll over. Nah, bagi kalian yang belum pernah mengunjungi situsnya. Aku kasih screenshotnya nih..

MAU LANJUT TUTORIALNYA? CLICK READ MORE!




  Cukup unyu dan menarik kan? Nah, sekarang aku akan kasih tutorial gimana caranya bikin bunglon unyu semacam itu. Huehehe.. disimak yaa..

1. Upload gambar (bunglon, atau gambar apapun yang kamu mau) ke situs hosting gambar semacam Photobucket / Imageshack
2. Disini kuncinya kita punya gambar yang sama persis, tapi warnanya berbeda. Lihat saja dua gambar ini..
Gambarnya persis bukan? Tapi warnanya aja beda..
3. Sebenernya ini tutorial yang agak cupu karena pasti udah banyak yang tau soal ini. Bikin kode semacam ini
<a href="URL KAMU DISINI">
<img src="GAMBAR PERTAMA"
onmouseover="this.src='GAMBAR KEDUA'"
onmouseout="this.src='GAMBAR PERTAMA'">
</a>
Keterangan :
URL GAMBAR KAMU DISINI : Kemana harus menuju apabila gambar itu diklik
GAMBAR PERTAMA : URL gambar pertama (disini gambar bunglon ijo) yang udah kamu upload
GAMBAR KEDUA : URL gambar kedua (disini gambar bunglon kuning) yang udah kamu upload


Sekarang kita aplikasikan sehingga jadinya :

Oke? See you in next posts! Arigato Gozaimasu~ :D

No comments:

Post a Comment

Jangan nge-SPAM! Komen SPAM akan langsung dihapus tanpa ba-bi-bu