Tutorial: Cara Jitu Memanipulasi Halaman Situs Web milik Orang Lain dengan Inspect Element
Sebelum masuk ke tutorial, kita harus tahu bahwa Inspect Element dan View Page Source itu berbeda meskipun kadang-kadang menampilkan "Particular Page" yang nyaris sama.
Hal ini sudah dijelaskan secara ringkas dan padat oleh praktisi/ahli dibagian Software Engineer (Java & Spring), Amir Boroumand.
Nah... Yang menariknya ialah bagaimana cara memanipulasi suatu halaman situs web milik orang lain? Sangat mudah, disini kita cukup bermodalkan Inspect Element -- disebut juga "Inspeksi Halamana Web".
Sebelumnya, saya ingin menampilkan contoh situs web yang berhasil saya modifikasi dengan bantuan Inspect Element. Korbannya ada dua, Sugeng dan CB Blogger.
Gambar pertama dibawah ini adalah proses ketika saya mengubah (mengganti) atau memodifikasi halaman situs web milik Mas Sugeng. Hasilnya, lumayan -- meski pun tidak ada gambar Thumbnail -- karena memang tampilan situsnya sudah default (bawaan) seperti itu.
Ini adalah hasilnya,alhamdulillah saya diakui oleh Mas Sugeng sebagai guru besarnya :')
Pada gambar dibawah ini, ada situs web milik CB Blogger yang saya jadikan Hoax. Judulnya lumayan menarik ya, Beee... :)
Begini cara membuatnya... Pada langkah pertama, masuk ke situs web yang akan kita targetkan. Disini saya menargetkan situs web miliknya Mas Sugeng.
Pada langkah kedua ini, sobat akan melihat sederetan atribut HTML dibagian kiri, dan koding untuk CSS dibagian sebelah kanannya (Cek lagi gambar pertama diatas - Sugeng).
Silakan modifikasi halaman situs web sebagaimana yang ditampilkan oleh gambar.
Nah, buat yang ingin mengganti TEXT atau kalimat, cukup mudah pastinya. Tapi bagaimana yang ingin mengganti (mengubah) gambar yang sudah ada, dengan gambar milik sobat pribadi?
Ya harus dipersiapkan dulu pastinya... Selanjutnya, Copas saja Link atau URL dari gambar tersebut pada atribut HTML dibagian kiri yang ditampilkan tadi.
Seperti yang kita tahu... semakin hari, semakin kesini, semakin banyak HOAX (dibaca: hoks) yang tersebar di Internet.
Yang sangat disayangkannya lagi, ada begitu banyak orang-orang yang awam atau tidak paham tentang "Cerdas dalam Berinternet Ria"; lalu dengan mudahnya dibohongi.
Gambar diatas adalah akun Instagram milik Chelsea Islan. Saya mengubah salah satu postingan di Instagramnya dengan foto saya. Cukup mudah. Caranya? Sesuai dengan tutorial diatas.
Nah itu dia tutorial cara memanipulasi halaman situs web milik orang lain; cukup dengan Inspect Element, maka semuanya akan berubah!
Sebelum masuk ke tutorial, kita harus tahu bahwa Inspect Element dan View Page Source itu berbeda meskipun kadang-kadang menampilkan "Particular Page" yang nyaris sama.
Hal ini sudah dijelaskan secara ringkas dan padat oleh praktisi/ahli dibagian Software Engineer (Java & Spring), Amir Boroumand.
View Source and Inspect Element are two browser features that allow developers to look at the HTML for a particular page. Although their outputs can be the same, one should not assume they will be.
Nah... Yang menariknya ialah bagaimana cara memanipulasi suatu halaman situs web milik orang lain? Sangat mudah, disini kita cukup bermodalkan Inspect Element -- disebut juga "Inspeksi Halamana Web".
Cara Memanipulasi Halaman Situs Web milik Orang Lain dengan Inspect Element
Sebelumnya, saya ingin menampilkan contoh situs web yang berhasil saya modifikasi dengan bantuan Inspect Element. Korbannya ada dua, Sugeng dan CB Blogger.
Gambar pertama dibawah ini adalah proses ketika saya mengubah (mengganti) atau memodifikasi halaman situs web milik Mas Sugeng. Hasilnya, lumayan -- meski pun tidak ada gambar Thumbnail -- karena memang tampilan situsnya sudah default (bawaan) seperti itu.
Ini adalah hasilnya,
Pada gambar dibawah ini, ada situs web milik CB Blogger yang saya jadikan Hoax. Judulnya lumayan menarik ya, Beee... :)
Begini cara membuatnya... Pada langkah pertama, masuk ke situs web yang akan kita targetkan. Disini saya menargetkan situs web miliknya Mas Sugeng.
- Buka Google Chrome -- saya menggunakan Chrome sebagai Browser utama
- Masuk ke situs web target
- Klik kanan pada TEMPAT atau ELEMENT yang akan dimodifikasi
- Lalu pilih dan tekan tombol Inspect Element
Pada langkah kedua ini, sobat akan melihat sederetan atribut HTML dibagian kiri, dan koding untuk CSS dibagian sebelah kanannya (Cek lagi gambar pertama diatas - Sugeng).
Silakan modifikasi halaman situs web sebagaimana yang ditampilkan oleh gambar.
Nah, buat yang ingin mengganti TEXT atau kalimat, cukup mudah pastinya. Tapi bagaimana yang ingin mengganti (mengubah) gambar yang sudah ada, dengan gambar milik sobat pribadi?
Ya harus dipersiapkan dulu pastinya... Selanjutnya, Copas saja Link atau URL dari gambar tersebut pada atribut HTML dibagian kiri yang ditampilkan tadi.
Kenapa Saya Membuat Tutorial Memanipulasi Halaman Situs Web milik Orang Lain?
Seperti yang kita tahu... semakin hari, semakin kesini, semakin banyak HOAX (dibaca: hoks) yang tersebar di Internet.
Yang sangat disayangkannya lagi, ada begitu banyak orang-orang yang awam atau tidak paham tentang "Cerdas dalam Berinternet Ria"; lalu dengan mudahnya dibohongi.
Gambar diatas adalah akun Instagram milik Chelsea Islan. Saya mengubah salah satu postingan di Instagramnya dengan foto saya. Cukup mudah. Caranya? Sesuai dengan tutorial diatas.
Nah itu dia tutorial cara memanipulasi halaman situs web milik orang lain; cukup dengan Inspect Element, maka semuanya akan berubah!
