Generator HTML Peta Gambar Palsu
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:
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:
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.
16 Comments:
\o/ hebat.....!!
By azewBz, at Sunday, February 17, 2013 at 8:47:00 PM GMT+7
ouh hampir sama kayak di facebook yah.
By Anonymous, at Sunday, February 17, 2013 at 9:20:00 PM GMT+7
kuerennnnnnnnn bangggettt hehe
By Damar Zaky, at Sunday, February 17, 2013 at 9:57:00 PM GMT+7
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?
By Anonymous, at Sunday, February 17, 2013 at 11:03:00 PM GMT+7
Ini cara kerjanya mirip kayak tandai teman di facebook ya?
keren :-bd
By Satyapradana, at Monday, February 18, 2013 at 1:34:00 AM GMT+7
wew keren beuh :) mantap gan :)
By tes, at Monday, February 18, 2013 at 10:59:00 AM GMT+7
Layaknya Tag pada pacebok, :) :-bd
By uki, at Monday, February 18, 2013 at 3:57:00 PM GMT+7
mantap... \o/
By Piyen, at Monday, February 18, 2013 at 5:21:00 PM GMT+7
tools yg sangat membantu nih...xixixixi
sayang gak ada opsi width dan height imagenya...ngareepppp :D
By Beben Koben, at Monday, February 18, 2013 at 6:00:00 PM GMT+7
langsung save gan page nya :D , thanks keren nih
By Unknown, at Thursday, February 21, 2013 at 2:58:00 PM GMT+7
Image Mapping :o
By Dixy, at Friday, February 22, 2013 at 7:19:00 PM GMT+7
\o/ \o/ \o/
By Admin, at Tuesday, February 26, 2013 at 9:56:00 PM GMT+7
\o/ :D x@ ikutan nyobaaaa
By Admin, at Tuesday, February 26, 2013 at 10:05:00 PM GMT+7
Buseeet! 7:( pdhl baru kemaren belajar Adobe Dream Weaver ternyata udah keluar tool yang beginian :p
By ricology, at Sunday, July 7, 2013 at 2:59:00 AM GMT+7
bhuahahaha
By Sinto, at Sunday, July 7, 2013 at 6:26:00 AM GMT+7
suka banget sama situs ini, selalu memberikan yang terbaik untuk pembacanya ^_^
By aditya harviansyah, at Thursday, November 1, 2018 at 6:00:00 PM GMT+7
Post a Comment
<< Home