Sunday, February 17, 2013

Generator HTML Peta Gambar Palsu

Image Map

Alat ini digunakan untuk membuat image map palsu menggunakan elemen HTML. Beberapa orang lebih memilih menggunakan yang palsu karena lebih fleksibel. Pada intinya alat ini digunakan untuk mempermudah di dalam merancang ukuran dan posisi lokasi pada tiap bagian di dalam gambar. Mengenai elemen apa yang akan Anda gunakan dan bagaimana Anda memodifikasi tampilannya, itu terserah Anda:

Coba Alat

Bagi para pembaca yang belum mengerti apa itu image map, kalian bisa memulai mempelajarinya di sini. Dan berikut ini adalah contoh gambar yang dihasilkan dari alat yang Saya buat di atas. Coba letakkan pointer mouse Anda di atas wajah-wajah atau badan tokoh kartun di bawah ini untuk mengetahui nama mereka:

Madagascar Animation Characters

Cara Menggunakan

Ambillah sebuah foto atau gambar dimana di dalamnya terdapat beberapa bagian yang memerlukan detail khusus. Misalnya foto keluarga atau peta negara, lalu unggah foto atau gambar tersebut pada blog Anda. Ambil URL gambarnya, kemudian letakkan di dalam input URL yang tersedia. Setelah itu klik tombol Create. Klik tombol Add Location untuk menambahkan lokasi/koordinat baru pada gambar. Geser dan ubah ukurannya sesuai keinginan. Kode HTML akan tampil di bagian area teks sebelah kanan.

Labels: , , ,

16 Comments:

At Sunday, February 17, 2013 at 8:47:00 PM GMT+7, Blogger azewBz said...

\o/ hebat.....!!

 
At Sunday, February 17, 2013 at 9:20:00 PM GMT+7, Anonymous Anonymous said...

ouh hampir sama kayak di facebook yah.

 
At Sunday, February 17, 2013 at 9:57:00 PM GMT+7, Blogger Damar Zaky said...

kuerennnnnnnnn bangggettt hehe

 
At Sunday, February 17, 2013 at 11:03:00 PM GMT+7, Anonymous Anonymous said...

Wuahhh, makin manteph aja kang taufik nihh.

Oh iya kang, permasalahan pada penghostingan menggunakan tortoiseSVN, saya uda coba pada post kang taufik, dan berhasil. Kang kapuk bilang penghostingan CSS rawan banned. Gimana ngatasinya kang taufik?

 
At Monday, February 18, 2013 at 1:34:00 AM GMT+7, Blogger Satyapradana said...

Ini cara kerjanya mirip kayak tandai teman di facebook ya?
keren :-bd

 
At Monday, February 18, 2013 at 10:59:00 AM GMT+7, Blogger tes said...

wew keren beuh :) mantap gan :)

 
At Monday, February 18, 2013 at 3:57:00 PM GMT+7, Blogger uki said...

Layaknya Tag pada pacebok, :) :-bd

 
At Monday, February 18, 2013 at 5:21:00 PM GMT+7, Blogger Piyen said...

mantap... \o/

 
At Monday, February 18, 2013 at 6:00:00 PM GMT+7, Blogger Beben Koben said...

tools yg sangat membantu nih...xixixixi
sayang gak ada opsi width dan height imagenya...ngareepppp :D

 
At Thursday, February 21, 2013 at 2:58:00 PM GMT+7, Blogger Unknown said...

langsung save gan page nya :D , thanks keren nih

 
At Friday, February 22, 2013 at 7:19:00 PM GMT+7, Blogger Dixy said...

Image Mapping :o

 
At Tuesday, February 26, 2013 at 9:56:00 PM GMT+7, Blogger Admin said...

\o/ \o/ \o/

 
At Tuesday, February 26, 2013 at 10:05:00 PM GMT+7, Blogger Admin said...

\o/ :D x@ ikutan nyobaaaa

 
At Sunday, July 7, 2013 at 2:59:00 AM GMT+7, Blogger ricology said...

Buseeet! 7:( pdhl baru kemaren belajar Adobe Dream Weaver ternyata udah keluar tool yang beginian :p

 
At Sunday, July 7, 2013 at 6:26:00 AM GMT+7, Blogger Sinto said...

bhuahahaha

 
At Thursday, November 1, 2018 at 6:00:00 PM GMT+7, Blogger aditya harviansyah said...

suka banget sama situs ini, selalu memberikan yang terbaik untuk pembacanya ^_^

 

Post a Comment

<< Home