Melengkapi postingan sebelumnya tentang mengubah tampilan wap jadi web dlm 10 menit dimana setelah copy script tentunya Sobat ingin mengedit dan menambahkan konten sendiri yang memerlukan pengetahuan dasar kode html. Untuk dapat mengedit kode html dengan baik, kita harus mengenal terlebih dulu jenis kode yang ada di dalamnya. Sepengetahuan saya, ada empat (4) jenis kode utama dalam (pure) html ini. Yaitu HTML code (html tag), Javascript, Comments, dan Texts (contents/ isi). Namun sebelumnya, gunakan browser Opera 12 ke bawah yang mampu langsung edit source html atau lihat pula 15 aplikasi web designer/ editor untuk mempermudah mengenali dan mengedit source codenya. Mari perhatikan dan kenali struktur dan element kode html berikut:
-
HTML Tag
-
Javascript
-
Comments
-
Text (contents atau isi)
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”>
<head>
…Head’s content…
</head>
<body>
…Body’s content…
</body>
</html>
Di atas adalah contoh sederhana dokumen html. Kode dengan huruf yang berwarna biru adalah adalah html tag, sedangkan yang berwarna hitam adalah text biasa. HTML tag ini berfungsi untuk mengatur struktur dokumen html menjadi sebuah halaman/page yang akan ditampilkan pada browser. Struktur html garis besarnya terbagi pada dua bagian, HEAD dan BODY. Bagian HEAD atau kepala dokumen berfungsi sebagai petunjuk tentang cara memberi judul, mengkategorikan dan “menjalankan” halaman web. Bagian BODY berisi hampir semua konten yang akan ditampilkan di halaman web berupa teks, gambar dan suara- yang diformat menggunakan kode HTML.
JavaScript adalah bahasa pemrograman yang khusus untuk halaman web agar halaman web menjadi lebih hidup. Java adalah Bahasa pemrograman berorientasi obyek, sedangkan Script adalah serangkaian instruksi program. Javascript inilah yang membuat effect tampilan pada browser seperti sliding, rotating, fade dan lain-lain. Mungkin sobatpun tidak aneh dengan ini, namun mari perhatikan struktur kode di atas supaya kita lebih paham dan mengenali struktur javascript untuk mempermudah kita dalam mengedit source code html.
Comments tidak memberi pengaruh apapun terhadap dokumen html seperti kode-kode lainnya, kecuali sejumlah shortcode yang digunakan dalam engine WordPress. Comments hanya berfungsi untuk memberikan komentar, ciri, atau panduan untuk mengenali bagian-bagian dalam html tersebut.
Berbeda dengan ketiga kode di atas, yang bekerja di belakang layar (tidak nampak pada halaman) dan hanya memberikan “instruksi” saja. Bagian teks ini adalah konten utama yang ditampilkan pada browser sobat. Untuk para wapmaster yang menggunakan “pure html”, bagian inilah yang harus dirubah untuk menambahkan atau mengurangi isi berupa artikel, tulisan dan lain-lain. Pada dasarnya tulisan apapun akan tampak pada browser, namun untuk mempelajari cara penulisan dan karakter dalam html, baca juga kode penulisan html dasar.
Nah, setelah Sobat mengenali bagian-bagian utama dalam html ini, tentunya akan lebih mudah untuk mengedit source code html bukan? Dengan sedikit menguasai inipun sejak saya main di wap xtgem, hanya dalam waktu 2 bulan saya langsung merintis cara merubah tampilan wap jadi web sendiri tanpa melihat orang lain di wap http://looperz11.xtgem.com. Untuk lebih memahami pengenalan element source code, mari pelajari Ilustrasi di bawah ini :
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”>
<head>
<title>Ini adalah judul website kerenku (awas “n-nya” hilang :D)</title>
<link rel=”stylesheet” type=”text/css” href=”https://www.finderonly.net/NOCTURNAL.css” />
<script type=”text/javascript” src=”http://finderonly.net/data/st-rhm.js”></script>
</head>
<body>
<div id=”bgwrapper”><div id=”nav”>
<div class=”post”>
<font face=”times new roman” size=”4″ color=”green”>Ini adalah contoh text, konten yang nampak pada browser. Mulai tulisan sobat di sini!
Untuk Anda sobat pemula, jika ingin menambahkan konten mulai dari sini (tulisan teks biasa [hitam]). Misalnya jika sobat ingin menambahkan/ merubah konten dari script yang saya sediakan untuk merubah tampilan wap jadi web, maka mulai di sini. Adapun untuk kode lainnya (html tag, Javascript dan Comments) tidak perlu dirubah, dikhawatirkan desain tampilan akan berubah dan rusak </font></div>
</div></div>
<!–SIDEBAR–>
<div id=”sidebar”>
<ol>
<li><a href=”https://ads.finderonly.net/“>Pasang Iklan Gratis</a></li>
<li><a href=”https://www.finderonly.net/javascripts-collection/“>Java Collections</a></li>
<li><a href=”https://www.finderonly.net/projects/“>Komunitas</a></li>
<li><a href=”https://blog.finderonly.net/“>Blog</a></li>
<li><a href=”http://finderonly.net/partners-links/“>Tambah Link Partner</a></li>
</ol>
</div>
<!–FOOTER–>
<div id=”footer”><p class=”copyrights”>
©Damn’s Virtual Studio – 2011
Home | About | Contact | Privacy
</p></div>
</body>
</html>
Kiranya jelas apa yang dipaparkan di sini, untuk copy script instant-nya silahkan klik DI SINI. Jika masih belum jelas dan ada yang ingin ditanyakan silahkan isi komentar di bawah. Selamat Mencoba 😉
bagaimana cara merubah script sampai tahap benar benar bisa di simpan….karna setelah refres maka kembali ke awal
editnya dari mana gan? pake source editor apa dulu?
Ini kk akun sy kena hack terus di sini sy ga terlalu ngerti😁yg mana ya kak yg harus diubah emailnya diganti email saya ga ngerti tulisannya
Akun apa dulu ya? Sekarang hampir semua akun larinya ke email, jadi usahakan untuk email pake password yg kuat, kalo perlu dicatat dan disimpan di tempat khusus. Email sifatnya pribadi jadi harus benar2 hanya diketahui sendiri, kalo ada apa2 tidak bisa andalkan orang lain.
Mau tanya ni Mas, saya merubah script aplikasi yg dibuat orang lain,, dan tampilannya sudah benar sesuai yg diinginkan, namun tatkala close aplikasi kemudian di buka kembali tampilannya kembali ke semula sebelum dirubah (tidak ter-save)… mksih…. Mohon jawabannya…
Editnya pake apa dulu gan, online apa offline? pastikan hasil save benar2 tersimpan dulu
Hayy Guys ….Ada kabar gembira buat para drakor alias drama korea……. yuk siapkan handpone nya bersama cemilan juga lebih asyik lagi ada sahabat atau keluarga juga ….. langsung aja dech.. kabar gembira nya adalah sekarang udah ada aplikasi buat para pecinta drakor lo….. nama aplikasinya adalah MyDrakor dan bisa di instal di play store di perangkat handpone kalian ya guys…. aplikasi ini memuat film drakor terbaru tentunya akan membuat kalian pada baper guys dan kabar gembiranya adalah kalian juga bisa mengunduh film nya guys pokonya keren abistttt dechh guys…. dijamin gax bakal nyesel dechhh…
Yuk… buruan download MyDrakor
Ini Link untuk menginstal aplikasi nya ya tapi khusus pengguna android…
https://play.google.com/store/apps/details?id=id.mydrakor.main