Postingan

Menampilkan postingan dengan label JavaScript

Membuat navbar dengan vanilla script

Gambar
Pernah bekerja dengan vanilla script? Di banding dengan Javascript ia lebih muda dan tentunya lebih modern.  Jujur ketika membicarakan interest saya, saya sadar topik seperti ini kurang peminatnya alias kurang popular walaupun di zaman now yakni zamannya ibu ibu kita, tetapi zaman next, yaitu zaman generasi Z ke generasi Alpha di masa depan - dimana para ahli sepakat: TIDAK BISA KODING = BUTA HURUF. Terdengar sadis bagi sebagian orang yang masih hidup di zaman 'mak mak' kita, zamannya membaca text, tetapi hal itu memang menggambarkan seperti apa orientasi teknologi di masa depan. Bagi saya sudah cukup pusing untuk memahami mengapa beberapa situs besar mulai menggunakan VanillaScript dan apa bedanya dengan JavaScript, Angular dan Jquerry? Saya sedikit mulai terbiasa dengan JavaScript dan jadi panasaran, pasti kalian juga kalau berada diposisi yang sama dengan saya. Konon Vanilla Script mampu melipat-gandakan kecepatan, Oh my Gosh!  Setelah Web Assembly di klaim dan terbukti sang

The chronicle Javascript

Gambar
Javascript mampu membuat halaman blog menjadi jauh lebih keren, tampilan tombol reaktif, navigasi, lazyload. Dll.  Segala hal menjadi cantik dan itu tidak sepenuhnya dapat digantikan oleh trik trik CSS yang ada.  Dan javascript sangatlah powerful jika dipergunakan dengan benar.   Akan tetapi Javascript bisa berpotensi dan berubah menjadi anti SEO kalau kita kita menggunakannya dengan cara yang salah.  Berikut contoh kasus kasusnya: 1. Lazyload Gambar . Pemasangan lazyload pada gambar dapat mempercepat loading halaman, namun segera dengan signifikan mengurangi kemampuan mesin pencari dalam  merambati tag ALT pada gambar. Padahal gambar juga adalah konten yang sangat penting selain konten tulisan pada halaman blog.  Itu sangat nyata sementara pencarian gambar sangat penting bagi SEO halaman blog, dan mesin pencari membaca tag yang kita tulis pada bagian alt dan titel gambar,  lalu mereka mengangkut tag gambar gambar tersebut ke hadapan pembaca.  Melalui pemunculan gambar halaman blog kit

Dasar membuat game HTML sederhana menggunakan Javascript

Gambar
Dulu programmer web membuat game menggunakan flash, namun flash kemudian mati sebelum saya sempat mempelajarinya. Itu zaman sudah lewat hari ini zamannya HTML5. Jadi saya mencoba mengutak atik mata pelajaran dasar HTML dan mulai belajar membuat game. DEMO Pernah kan kalian mendengar game sederhana bernama Flappy Bird? Juga sebelum sempat saya memainkannya, game tersebut sudah tidak populer lagi. Namun karena sempat menjadi sangat terkenal, saya juga berfikir gimana kalau membuat game tersebut menggunakan HTML? Ya hanya bisa melalui HTML dan Saya sendiri tidak tahu bagaimana mengkonversikannya ke platform Android he he he... Ternyata juga bisa. Artinya jika kalian bisa menggunakan HTML untuk buat tombol tombol animasi, berarti sekurang kurangnya kalian juga bisa membuat game menggunakan HTML. Walau harus memahami perintah dan logikanya. Perhatikan Javascript berikut: <body onload="startGame()"> <script> var myGamePiece; var myObstacles = []; var myScore; funct

Javascript adalah superman Website

Gambar
A pa yang dapat di kita buat dengan JavaScript? Salah satunyanya: Seperti CSS JavaScript bisa merubah nilai Atribut HTML Pada contoh berikut kita tunjukkan bagaimana JavaScript merubah nilai Atribut dari sumber suatu image (gambar) Berikut trik Javascript yang dimaksudkan dengan penjelasan di atas: 'nyalakan lampu' dan 'matikan lampu' dengan cara menekan tombol kanan dan kiri. Nyalakan lampu     Matikan Lampu Sumber kodenya: <center>  //hanya untuk re-position// <button onclick="document.getElementById('myImage').src= 'https://1.bp.blogspot.com/-GsTEApA_NUc/Xd5WU8emH4I/AAAAAAAApkQ/6N17ZmTWjG0AuSv3XcwU2Lb0IOc3_Rd-ACEwYBhgL/s1600/bulb-close-up-electricity-energy-577514.jpg'"> Nyalakan lampu </button> <img id="myImage" src= "https://1.bp.blogspot.com/-GsTEApA_NUc/Xd5WU8emH4I/AAAAAAAApkQ/6N17ZmTWjG0AuSv3XcwU2Lb0IOc3_Rd-ACEwYBhgL/s1600/bulb-close-up-electricity-energy-577514.jpg" style="width: 100px;&quo

APA ITU JSON?

Gambar
sumber gambar: jsonview.com J ika Anda tertarik mempelajari Javascript pada akhirnya sulit mengabaikan JSON karena JSON itu sendiri adalah Javascript dalam bentuk dan fungsi yang berbeda. Namun sebagai blogger dan tertarik pada dunia pengatahuan HTML mau tidak mau Anda harusnya paling sedikit memahaminya. JSON adalah singkatan dari: JavaScript Object Notion  Ia adalah sintaks untuk menyimpan dan bertukar data Bentuknya adalah teks namun di tulis dengan notasi objek JavaScript Mengapa menggunakan JSON? Karena format JSON hanya teks, maka dengan mudah dapat dikirim dari dan ke server, dan digunakan sebagai format data oleh bahasa pemrograman apa pun. JavaScript memiliki fungsi bawaan untuk mengonversi string, yang ditulis dalam format JSON, menjadi objek JavaScript asli: JSON.parse() Jadi, jika Anda menerima data dari server, dalam format JSON, Anda dapat menggunakannya seperti objek JavaScript lainnya. JSON memiliki 4 kegunaan: 1 . Bertukar Data Saat bertukar data antara browser dan ser

Cara menghapus Javascript yang tidak digunakan dari dalam template blogspot

Gambar
Tidak fair rasanya jika tidak berbagi hal ini, namun saya ingin menyederhanakan masalah, apakah Kalian bersedia menggunakan halaman sederhana? Seharusnya tidak masalah jika mengacu pada peringatan google perihal elemen halaman suatu website: Kecepatan akan menjadi sinyal penting bagi mesin pencari, terutama setelah memasuki bulan may 2021 nanti Data Web Inti atau Web Vitals Core benar benar akan menjadi sinyal utama kepada mesin pencari. Ibaratnya nanti dengan memiliki hal itu, halaman blog kita akan berkata keras kepada mesin pencari: "Hai, Ini Gue" Dan mesin pencari akan menoleh kepada kita dan berkata: "Oh itu lu, mari gue pegang tangan lu biar gue antar ke atas sana" Sederhana sekali bukan? Semua orang ingin menuju ke pemeringkatan tinggi. Sementara yang tidak memiliki tiket ini tidak bisa berkata apa apa selain menunggu giliran yang datangnya entah kapan. Ktia lihat saja tanggal mainnya, namun yang jelas sebelum itu di tahun tahun Google telah memberikan warnin

APAKAH CREDIT FOOTER PADA TEMPLATE BLOGGER ITU?

Gambar
Yaitu kredit berbentuk tulisan dari pembuat template sebagai penanda hak cipta atau copyright, sebagian kredit ini biasanya di bungkus dengan kode script untuk menyamarkannya yang apabila pengguna mencoba menghapusnya maka mereka akan otomatis berpindah mengunjungi halaman si pembuat template. Letaknya di bagian paling bawah halaman web atau halaman blog dan tampil baik pada bagian halaman homepage maupun halaman konten suatu website atau blog. Yang penting adalah apa sih link kredit footer redirect itu? Kalau mau di sebut 'gembok' pengaman istilahnya terdengar gak biasa juga. Tapi pihak ketiga yang membuat template premium versi gratis menggunakannya dengan beberapa jenis teknik atau triks yang cukup pintar. Sesungguhnya tekniknya itu ke itu saja, contohnya: Kalau kalian menggunakan template versi gratis dan mencoba menghapus link kredit 'template by soraTemplates' misalnya, eh blog kalian teralih ke halaman mereka. Lalu perhatikan fungsi navigasi menu kehilangan fitur

MEMBUAT TEMPLATE BLOGGER DENGAN HTML, CSS DAN JAVASCRIPT (BAG:1)

Gambar
Quality Templates. Membuat template sendiri adalah sangat mungkin bagi siapa saja terutama blogger. Banyak keuntungan yang kita dapatkan jika telah bisa membuat template sendiri di samping kepuasan hati tentu saja. Contohnya: blogger layout Meningkatkan pengetahuan web Meningkatkan ketrampilan desain web Meningkatkan pengatahuan koding web seperti HTML, CSS dan JavaScript Memiliki template buatan sendiri yang dapat di sesuaikan dengan selera kita sendiri DLL Poin terakhir itu keren. Semahal dan se premium apapun template yang kita beli dari website penjual template, bentuk dan ciri cirinya akan mirip jika di gunakan oleh orang banyak. Contohnya walaupun telah di robah warna warni template viomagz tetaplah viomagz buatan Mas Sugeng. Tidak ada totalitas yakni sebuah halaman web dengan ciri ciri khas dirinya sendiri. Membuat template sendiri membutuhkan pengetahuan, dan pengatahuan itu berguna sekali bukan hanya untuk membuat template tapi juga untuk hal hal lain di lu

JAVASCRIPT ADALAH SUPERMAN DI HALAMAN HTML

Gambar
Mengapa Javascript masih begitu powerful? Terdapat gambar bola lampu di dalam artikel ini yakni gambar bola lampu nyala namun bola lampu tersebut bisa dimatikan dan dihidupkan kembali melalui tombol action yang di buat melalui JavaScript, setelah saya selesai menuliskan sekilas penjelasan perihal JavaScript dibawah ini, kalian bisa menyalakan dan memadamkan bola lampu di atas melalui tombol yang tersedia di kiri dan kanan gambar dari sumber yang sama (namun dengan skala diperkecil) di bagian bawah postingan ini. Gambar Logo JS Meskipun seluruh bahasa program terus berkembang, dan beberapa sebagiannya telah mati, namun JavaScript hingga kini masih sangat popular. JavaScript juga masih sangat mudah di pelajari karena sintaks sintaksnya yang mirip bahasa manusia yang biasanya selalu kalian pakai itu lho. Tidak seperti bahasa mesin tingkat pertama yang binary, JavaScript adalah bahasa tingkat tinggi yang sangat mudah di fahami. Asalkan,....kalian meminati bahasa bahasa cerdas

CARA MEMASANG NAVBAR MOBILE FRIENDLY PADA BLOG

Gambar
P entingnya membuat navigasi (navbar) pada blog memang telah diakui oleh para blogger. Dan juga dianjurkan oleh para pakar website. mobile navbar Buktinya hampir setiap template blog premium berbeli selalu di pasang navigasi dengan beraneka warna menu. Menu memang bermanfaat menavigasi pengunjung dalam mengeksplorasi halaman blog kita. Di samping itu navbar menu blog masih dapat mengoptimalkan mesin pencari dalam mempetakan konten konten blog kita. Untuk manusia, hal yang menarik adalah navigasi menu yang berbeda, penuh warna, ada hiasan ikon okon keren, fresh, simpel dan efektif. Untuk mesin pencari tentu saja memiliki kriteria tersendiri. Kali ini saya akan mengajak kalian untuk membuat menu navigasi mobile yang cocok sekali untuk di buka melalui ponsel dan tablet. Menu seperti ini selain sederhana juga sangat menghemat ruang. Perhatikan contohnya dibawah ini: Anissa Page News Contact About Navbar vertikal contoh ini u

CARA YANG BENAR MEMBUAT SIDE NAVIGASI BLOG

Gambar
Berbagai tips dan triks membuat navbar atau navigasi menu blog telah kami kemukakan di dalam blog ini. Diantaranya yang paling banyak adalah Navigasi Menu diatas header. Sekali ini untuk yang ke sekian kali pula saya akan memberikan trik atau tips membuat Navigasi menu yang dapat di buka dan muncul di sebelah kanan halaman blog. Navigasi menu pada sidebar blog Perlu di catat, navigasi menu itu bisa berbentuk unik atau sangat familiar bagi pengunjung. Sebaiknya buat yang mudah, sederhana dan dapat di fahami, sehingga ia dapat memandu pengunjung mengeksplorasi halaman demi halaman blog kita. Navigasi menu juga bisa berguna bagi mesin pencari untuk mempetakan halaman blog. Klik elemen atau hamburger menu (garis lapis tiga) di bawah ini. × About Services Clients Contact ☰ open 1. CSS Cara penerapannya juga mudah: Kalian tinggal masuk ke pengaturan blogger. Pilih theme Lalu akan muncul menu baru blogger cari titik tiga sweetie berikut:  ፧ dan klik maka

Labels

adwords aibo ajax alexa algoritma alternative Am I Responsive amazon ambigu Amerika AMP Andorid Android Android 10 Angular animasi apple ARM Art Of War artikel sabtu asesories autodidact avatar avatar penulis awesome awsome back to top backdoor backlink bahasa bank btn batam beautiful beginning belajar belajar koding berita bing web master biografi blackberryOS blackhat blockquote blog blogcomments blogger bloggerhelp blogging Blogging mobile bloging blogspeed blogspot bluetooth bootstrap border dash breadcrumb browser btn mobile bugs Buku business capital letter cara catatan catatan awal tahun Cek IMEI Cerita cerpen cewek chimpense chipset chrome chrome 76 Cina cinta clickjacking codepen coding compose contact form contempo contempo base contempo blackmagic contempo hibrida contempo hybrid converter coolest copy-paste copyright covid 19 covid_19 cowok CPC credit footer css CTR cuitan curhat cybercrime Dahlan Iskan dark mode dasbor data default Demo desain diblokir dirtylink disway DOM domain domain authority Donald Trump download download template terbaru dropdown earn money edisi minggu edit editblogtema editor HTML ekonomi elektronik Elle Darby embed emoji emporio emporio hybrid english error essential expires header expires headers facebook fakta fanpage fast loading template fastloading template favicon featured posts feed burner firefox fitur fixed fixed sidebar font font awsome footer footer link Footer navigasi forbes Free friendship fuchsia full stacks furure g-suite gadget gagdet galeri gambar gambar bergoncang gambar profile penulis gambar responsive game generasi Alpha Generasi Z geng motor genius gerhana girl gmail Gmetrix gong xi fa cai good news google google chrome Google Domain google drive google font Google honemoon google Plus google search console google webmaster Googlewebmaster gradasi warna grafik gramedia gratis grid style GTmetrix h1 Habibie hack hacker halaman web hamburger menu hanya opini hapus hari bumi harimau heading headings heart secret hewan hoax hobi hotpink HTM5 html huawei hukum human Idulfitri Iklan ikon Imlek in memories indie Indonesia Indonesia darurat corona indosat infinite color infinity war informasi instagram intel inteligensia internal link internasional internet internt interntet interntt intert iOS iPad iPadOS iPhone isu IT italia Jaime Ocabo java JavaScript jimdo jin Ping jingling Jokowi jQuery JSitor kaca pembesar kafe kalimantan kalkulus kamera kanonis kartun keamanan keamanan blogger kebijkan kecepatan blog mobile kehidupan kemanusiaan kesehatan keyakinan keyboard keyword kiata G+ klasik klik kode warna koding komentar komentar blog komputer konsipirasi konten konversi kopi kota kotak navigasi menu blog kotak pencarian kotlin kriminalitas kualitas kucing label laptop lay out lay out version 3 theme layarlipat layout lazyload lifehack lingkungan logitech logo love Macbook Macbook Air machine learning MacOS magnifier maintenance makmur manusia margasatwa masa depan masonry matahari matematika medsos mega menu mengganti tempa menu menu navigasi menu pencarian menulis merombak metafisika Microsoft microsoft edge Minggu minify misteri mitos mobile modal modern modifikasi monetisi morality motivasi motivation moz myths nasehat terbaik navbar navigasi navigasi menu blog ngeblog nibbler notable office Omnibus online online editor operating sistem opini otodidak pagelist pagerank paginator Pandora panduan panduan mobile paradox parameter parasit parse pembatasan pemilu 2019 Pemilu Indonesia 17 April 2019 pemrograman pemula pendidikan pengalaman pengaturan pengusaha Penulis perang dagang Cina vs Amerika perang dunia ketiga perangdagang perceraian perihal perubahan pexel phablet PHP plagiat plagiator PlagScan play store polemik politik ponsel popularitas popularposts portable powered by blogger Powerpoint prediksi premium privasi produk profesi profile programmer programming programming. prosesor pseudo-sains psikologi Python rahasia ramalan ranking faktor rawgit re-desain re-desain tema blogger React Reactions read more recentPosts redesain related posts remaja resolusi responsinator responsive review robot robot.txt sains samsung sanggahan saran temaplate blogger saran template search secrets security sederhana sejarah seken selegram semrush SEO share button sharing buttons I.O sidebar sidenav siginifikan silikon simple simpson singularity sitelink sitemap smartphone snippet soho solusi somadmorroco spesial spoiler star wars sticky sidebar sticky widget Strategi SEO Student study study online style submenu subscriber success sudut cerita SVG SVG icon syimbian tab s2 tabel tablet tabs2 tagging takdir takhyul talenta tataletak Teen teka teki teknik teknologi TELKOMSEL tema tema kesederhanaan template template premium template premium gratis template SOHO template versi ke-2 terkemuka tes popularitas testimoni testmysite text theme Thucydides tip tips toggle tokoh tombol berbagi tombol pengalihan tombol reply komentar tops traffik trafic trafik translator tribun tricks Trik triks troubleshooting Tutorial Tutorial Anissa tutorialKhusus twitter uang UAS unduh unik update urang utan ustazd Abdul Somad vanilla Script video viomagz viral virus corona vlogging vue w3-css w3school W3Shool wabah warna web web story WebAssembly webdesign WEBP website whatsapp widget wifi ID windows Windows Mobile wisata WIX wordpress X-Frame xiomi xml yandex youtube youtuber z-index
Tampilkan selengkapnya

Follow by Email