Saya hanya ingin tahu, apa bedanya
dan
Apakah berbeda untuk server web yang berbeda? Misalnya, (saya tahu tidak benar memberikan tautan dari w3schools, tetapi lihat) http://www.w3schools.com/js/tryit.asp?filename=tryjs_myfirst Menggunakan chrome, saya mengunjungi w3schools dan saya menyadari bahwa tag Namun, ketika saya melakukan tes javascript offline, saya menyadari bahwa saya memerlukan
menandai. Kenapa begitu?
Tidak.
Bukan itu masalahnya. Sesuatu yang lain pasti salah dengan test case Anda. Douglas Crockford berkata :
Dalam HTML 4.01 dan XHTML 1 (.1), atribut
atribut type mengidentifikasi bahasa scripting dari kode yang tertanam dalam elemen skrip atau direferensikan melalui atribut src elemen. Ini ditentukan sebagai tipe MIME; contoh tipe MIME yang didukung termasuk teks/javascript, teks/ecmascript, aplikasi/javascript, dan aplikasi/ecmascript. Jika atribut ini tidak ada, skrip diperlakukan sebagai JavaScript. Ref: https://developer.mozilla.org/en/docs/Web/HTML/Element/script Saya hanya ingin tahu, apa bedanya
dan
Apakah berbeda untuk server web yang berbeda? Misalnya, (saya tahu tidak benar memberikan tautan dari w3schools, tetapi lihat) http://www.w3schools.com/js/tryit.asp?filename=tryjs_myfirst Menggunakan chrome, saya mengunjungi w3schools dan saya menyadari bahwa tag Namun, ketika saya melakukan tes javascript offline, saya menyadari bahwa saya memerlukan
menandai. Kenapa begitu?
Tidak.
Bukan itu masalahnya. Sesuatu yang lain pasti salah dengan test case Anda. Douglas Crockford berkata :
Dalam HTML 4.01 dan XHTML 1 (.1), atribut
atribut type mengidentifikasi bahasa scripting dari kode yang tertanam dalam elemen skrip atau direferensikan melalui atribut src elemen. Ini ditentukan sebagai tipe MIME; contoh tipe MIME yang didukung termasuk teks/javascript, teks/ecmascript, aplikasi/javascript, dan aplikasi/ecmascript. Jika atribut ini tidak ada, skrip diperlakukan sebagai JavaScript. Ref: https://developer.mozilla.org/en/docs/Web/HTML/Element/script Blogging sambil belajar koding otodidak. W3SCOOL adalah sebuah situs untuk belajar programming terutama sekali sangat cocok buat kalian yang ingin belajar codin secara otodidak. Di W3SCHOOL kalian dapat belajar HTML, CSS, Javascript dan PHP mereka semua adalah bahasa bahasa web yang sangat cocok bahkan sangat baik untuk blogging. Artikel ini di tulis berdasarkan pengalaman nyata kami. Dan untuk kalian ketahui situs editblogtema terpengaruh besar dari cara belajar otodidak. Ini tentu saja saya tulis berdasarkan pengalaman saya dalam mempelajari teknologi web dan koding secara otodidak dan menjadikan blogging sebagai bahan praktiknya, yakni dengan cara mengutak atik halaman editor blogger dan menerapkan pelajaran dari situs W3SCHOOL tadi. Memodifikasi kode kodenya seperti yang disaran oleh situs tersebut. Hasilnya tidak memerlukan waktu lama untuk menjadi lebih mahir dari hari ke hari. Baiklah saya luruskan: Semua artikel editblogtema adalah ditulis kebanyakan adalah tutorial dan tutorial tersebut sebagian besar kami kembangkan dari hasil belajar coding di W3SHOOL lho. 99% artikel kami orisional tidak menjiplak artikel manapun. Sumbernya memang belajar dari sana, tapi kami telah mengembangkannya. Wow begitu besarnya arti belajar, bukan? Dan yang penting, semua tutorialnya terkait HTML, XML, CSS, Javascript dan PHP dapat di terapkan ke dalam blogger 100%, asalkan kita mau mempelajarinya satu persatu, dan jangan sepotong sepotong. Bukan hanya terbatas belajar coding untuk teknologi WEB seperti: HTML. XML, CSS, PHP dan Javascript, kita juga dapat belajar python, bootstrap, SQL dan masih banyak lagi Lalu apa sih manfaat langsung belajar W3SCHOOL terhadap konten konten editblogtema? Baiklah saya jabarkan satu persatu: 1. BELAJAR MEMBUAT MENU NAVIGASI ATAU NAVBAR TEMPLATE BLOGGER Kalau kalian teliti editblogtema banyak sekali memberikan tutorial cara membuat menu navigasi blog, mengapa? Karena bukan hanya penting untuk SEO sebagai tool navigasi, desain navbar juga dapat mempercantik blog dan membuatnya tampil professional. Juga dapat memanjakan pengunjung dengan kemudahan navigasi tadi. Karena blogger berbasis HTML ketimbang Wordpress yang berbasis PHP persoalannya menjadi gampang bagi kami. Awal membuatnya belum begitu mengerti apa itu HTML dan cara bekerjanya. Beruntung W3SCHOOL menyediakan fitur 'HOW TO' yang sangat bermanfaat bagi pemula seperti saya. Dan ketika itu saya sangat panasaran bagaimana sih membuat navigasi menu yang ada fitur deropdown plus kotak pencarian dengan ikon kaca pembesar di ujung bar kanannya? Misalnya pada template viomagz buatan mas Sugeng. Jadi saya pelajari melalui contoh dengan menuliskan 'responsive navigation' pada kolom pencarian HOW TO. Hasilnya ada disana. Beruntungnya saya ketemu tutorial lengkapnya. Perhatikan pictorialnya secara detail berikut: Buka HOW TO cari perihal pembuatan navigasi menu plus drop down yang responsif: Dengan membuka menu HOW TO kita dapat menemukan contoh teknologi pembuatan widget dan element HTML diantaranya ya pilihan atau contoh pembuatan menu navigasi. Lalu Pilih Responsif Navbar: Pada gambar di atas jelas saya telah memilih Responsif Navbar Dropdown. Pada menu kanan tampak bagaimana navbar terlihat setelah disentuh menggunakan kursor mouse atau sentuhan jari tangan pada saat kalian membuka blog melalui hape atau tablet layar sentuh. Namun jika kita ingin mempelajari sumber kodenya maka kalian harus mengklik 'Try it Yourself'. Lihat sumber kodenya: Sumber kodenya dapat kalian edit dan hasilnya dapat kalian copy dan dapat langsung di terapkan ke dalam template blogger. Menurut saya pada waktu itu ini sangat membantu saya dalam mengedit template bawaan blogger menjadi terlihat premium. Responsif juga berarti navigasi menu di atas sesuai untuk ukuran segala layar, apakah itu PC desktop, PC Laptop, tablet Android dan iPad, hape Android dan iPhone. Pada ukuran layar desktop menu navigasi akan tampak horisontal, sedangkan pada layar kecil hape tombol akan terlihat dengan tombol hamburger menu. Keren bukan? Perhatikan kodenya: Jika kalian ingin menerapkannya maka letakan kode CSS style berikut tepat di atas kode:</head>: <style> Kode berikut di letakan sesudah kode tag </head> atau di bawah <body....> <div class="topnav" id="myTopnav"> Javascript berikut di sebelum atau di atas kode </body> <script> Jangan kuatir kode kode di atas dapat diterapkan hampir kesemua template template bawaan blogger yang ingin kalian modifikasi terutama jika ingin menambah navigasi menunya, kecuali template varian 'Dynamic View' yang tidak akan cocok dengan browser browser modern. perlu juga di perhatikan agar template lama seperti sederhana (simple), PT.Keren sekali (awesome), jendela dan perjalanan yang dipergunakan harus di rombak terlebih dahulu strukturnya dengan menggunakan menjadi responsif. Sedangkan terhadap template template varian terbaru seperti contempo, emporio, soho dan Notable dapat langsung di terapkan. Lihat hasilnya: NAVIGASI HALAMAN BLOG DENGAN DROPDOWNJika di buka melalui halaman yang lebih kecil akan berubah menjadi responsif. Klik "lebih banyak" untuk menampilkan menu dropdownnya. 2. MEMBUAT TOMBOL PENCARIAN Saya baru mulai ikutan blogging tahun 2018 melalui editblogtema, karena bayangin saya kan masih SMA waktu itu. jadi cuma ikut ikutan dan membaca bahwa template viomagznya mas Sugeng itu adalah template sejuta umat, selain style navigasi menunya apalagi ciri ciri khasnya? Itu lho menu pencarian full. begitu tombol kaca pembesar di klik akan muncullah menu pencariannya yang memenuhi layar berikut gaya transparant dan animasinya yang halus, saya cari di HOW TO dan hasilnya saya menemukannya: Kodenya dapat kalian terapkan langsung ke blogger sebagai berikut: Letakan CSS di atas kode </head> <style> Letakan kode HTML berikut di bawah kode </head> atau <body..>
Letakan kode Javascript berikut di atas kode </body> <script> 3. IMPIAN MEMBUAT MENU NAVIGASI RESPONSIF PLUS MENU PENCARIAN MIRIP VIOMAGZ.> Cara ini hanya membuat menu navigasi tersebut mirip bukan berarti sama. Cara membuat menu navigasi viomagz beda jauh dengan cara yang saya sampaikan walaupun hasilnya mirip. Lagi lagi bersumber dari situs belajar online teknologi koding W3SCHOOL. Yang saya lakukan terhadap sumber kode diatas adalah:
Adapun ciri ciri menu navigasinya adalah:
Tentu saja masih banyak situs lain yang setara atau lebih baik buat melatih skill koding dan bahkan programming, intinya sangat mungkin sekali bagi kalian untuk dapat memanfaatkan dunia internet buat belajar. Dan lihatlah hasilnya yang akan mendatangkan kepuasan yang tidak dapat di nilai dengan hanya sekedar hasil sen demi sen menjadi publiser adsense....(Lol) Selamat belajar! Ikuti terus trik, tips, teknik hack dan kabar terupdate dari blog ini! Share: |