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 kala 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 pola situs web yang berhasil saya modifikasi dengan santunan Inspect Element. Korbannya ada dua, Sugeng dan CB Blogger.
Gambar pertama dibawah ini ialah proses saat saya mengubah (mengganti) atau memodifikasi halaman situs web milik Mas Sugeng. Hasilnya, tidak mengecewakan -- meski pun tidak ada gambar Thumbnail -- alasannya ialah memang tampilan situsnya sudah default (bawaan) menyerupai itu.
Ini ialah 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 tidak mengecewakan 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, teman 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 gampang pastinya. Tapi bagaimana yang ingin mengganti (mengubah) gambar yang sudah ada, dengan gambar milik teman 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 ihwal "Cerdas dalam Berinternet Ria"; kemudian dengan mudahnya dibohongi.
Gambar diatas ialah akun Instagram milik Chelsea Islan. Saya mengubah salah satu postingan di Instagramnya dengan foto saya. Cukup mudah. Caranya? Sesuai dengan tutorial diatas.
Nah itu beliau 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 kala 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 pola situs web yang berhasil saya modifikasi dengan santunan Inspect Element. Korbannya ada dua, Sugeng dan CB Blogger.
Gambar pertama dibawah ini ialah proses saat saya mengubah (mengganti) atau memodifikasi halaman situs web milik Mas Sugeng. Hasilnya, tidak mengecewakan -- meski pun tidak ada gambar Thumbnail -- alasannya ialah memang tampilan situsnya sudah default (bawaan) menyerupai itu.
Ini ialah hasilnya,
Pada gambar dibawah ini, ada situs web milik CB Blogger yang saya jadikan Hoax. Judulnya tidak mengecewakan 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 memakai 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, teman 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 gampang pastinya. Tapi bagaimana yang ingin mengganti (mengubah) gambar yang sudah ada, dengan gambar milik teman 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 ihwal "Cerdas dalam Berinternet Ria"; kemudian dengan mudahnya dibohongi.
Gambar diatas ialah akun Instagram milik Chelsea Islan. Saya mengubah salah satu postingan di Instagramnya dengan foto saya. Cukup mudah. Caranya? Sesuai dengan tutorial diatas.
Nah itu beliau tutorial cara memanipulasi halaman situs web milik orang lain; cukup dengan Inspect Element, maka semuanya akan berubah!
