Skip to main content

Posts

Showing posts from October, 2022

MEMBUAT MENU DRAG AND DROP PADA WEBSITE MENGGUNAKAN JAVASCRIPT

                              Disini saya akan berbagi sedikit pengetahuan tentang bagaimana cara membuat Menu Drag & Drop pada sebuah website mengunakan bahasa pemrograman javascript.Seperti biasa saya menggunakan Text Editor Visual Studio Code.Bagi Teman-teman yang belum mempunyai software tersebut,maka download terlebih dahulu kemudian anda instal di pc ataupun dilaptop anda.Anda boleh saja menggunakan software Text editor yang lain,seperti subleme Text,notepad++,Atom dan yang lain-lain.Akan Tetapi saya Rekomendasi kan Vs.code,karena selain gratis atau Open source software yang satu ini sudah support berbagai macam bahasa pemrograman. Berikut Tampilan Software Vs.code:               Setelah anda buka software Visual studio code nya,selanjutnya anda dapat menuliskan coding berikut ini: Untuk Code HTML: <!DOCTYPE html> <html lang="en">   <head>     <meta charset="UTF-8" />     <meta http-equiv="X-UA-Compatible" content="

MEMBUAT ANIMASI CHARGER BATERAI MENGGUNAKAN HTML & CSS

                                           Kali ini saya akan membuat codingan sederhana berupa animasi mencharger baterai hanya menggunakan HTML dan CSS saja.Disini saya menggunakan text editor Vs.code,bagi teman-teman yg belum mempunyai software tersebut,silahkan didownload di situs resmi Visual studio code.Vs code Merupakan salah satu text editor Yang free atau open source.Untuk tampilan software vs.code seperti dibawah ini:          Setelah Teman-Teman Mendownload dan menginstal Vs Code,selanjutnya Teman-Teman dapat Menuliskan coding berikut: Untuk code HTML nya: <!DOCTYPE html> <html lang="en">   <head>     <meta charset="UTF-8" />     <meta http-equiv="X-UA-Compatible" content="IE=edge" />     <meta name="viewport" content="width=device-width, initial-scale=1.0" />     <title>Battery_Charge_Animation</title>     <link rel="stylesheet" href="style.css"

MEMBUAT MENU LOGIN PADA SEBUAH WEBSITE MENGGUNAKAN HTML DAN CSS(Serta codingnya)

                                   Membuat menu login pada sebuah website adalah hal yg mudah bagi mereka yg sudah mengerti,akan tetapi yg belum mengerti pasti akan kewalahan.Pembelajaran kali ini saya akan memberi tau gimana cara pembuatan Menu tampilan login pada sebuah website.                 Disini saya seperti biasa menggunakan Text editor Visual Studio code,Bagi Teman-Teman yang belum mempunyai software tersebut,dapat Mendownload software tersebut disitus resminya dengan cara Search google kemudian tulis dilaman pencarian download Vs code.Berikut Tampilannya;     kemudian Anda Dapat Memasukan Codingan berikut ini:     Untuk Code HTML:      <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Test</title>     <link rel="stylesheet" href="style.css"> </head> <body>    <div class="login-box">   <h2>Login</h2>   <form>     <div c

MEMBUAT TAMPILAN LIKE & DISLIKE UNTUK WEBSITE DENGAN MENGGUNAKAN BAHASA PEMROGRAMAN JAVASCRIPT(BESERTA CODENYA)

                                      Disini saya akan memberitahu cara membuat tampilan Like & Dislike pada sebuah website yang akan anda gunakan,dengan menggunakan bahasa pemrograman javascript.Disini saya menggunakan Text editor Visual Studio Code.Mengapa saya menggunakan Visual Studio code,karena dapat menyuport beragam bahasa pemrograman.selain itu simple dan mudah dipahami dalam membuat sebuah kodingan yang akan dibuat Berikut codingan HTML nya: <!DOCTYPE html> <html lang="en" dir="ltr">   <head>     <meta charset="utf-8">     <title>Like Dislike</title>     <!-- FONTAWESOME CDN -->     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">     <!-- STYLESHEET -->     <link rel="stylesheet" href="style.css">   </head>   <body>     <div class="wrapper">       <div clas