Membuat Sendiri Web Dengan Bootstrap Ternyata Mudah (Youtube)

Selamat siang teman teman..

Berikut ini adalah sourcecode "Membuat Sendiri Web Dengan Bootstrap Ternyata Mudah" yang telah saya upload di youtube sebelumnya. Saya  harap teman teman sudah melihat video tersebut. Bagi yang belum melihat video tutorialnya silahkan cek disini.

Tujuan dari pembuatan website (bisa dikatakan desain web dengan bootstrap) ini adalah untuk pembelajaran bagi teman teman yang belum pernah mencoba bootstrap atau  bahlan yang sudah mahir dalam menggunakan bootstrap,hehe

Langsung saja kita praktekkan, siapka bahan bahan sesuai dengan tutorial yang ada di youtube. Jika teman teman sudah siapkan bahannya mari kita masak bareng bareng.

Membuat Sidebar Responsive Tanpa Bootstrap

Hari sudah mulai sore, hari ini saya ingin membagikan artikel mengenai membuat sidebar responsive tanpa bootstrap. Yang dibutuhkan hanaya librari jquery,hehehe. Giman,menarik bukan. Tanpa basi basi dan panjang lebar, langsung saja kita mulai.

Lanhkah pertama buatlah folder dahulu, isi dari folder adalah file index.html, custom.css serta jquery. Jika teman teman belum punya librari javascrip yang berupa jquery, silahkkan download terlebih dahulu. Langkah kedua isikan file index.html dengan sourcecode berikut

Cara Membuat Menu Responsive Yang Keren Tanpa Bootstrap

Wah sedang rehat nih,dan gak tau mau ngapain. Buka laptop dan kepikiran mau bikin sesusatu untuk nulis artikel di blog. Kali ini saya iseng iseng membuat menu website yang responsive tanpa bootstrap. Alhamdulillah bisa jalan dan berhasil,hehe. Cukup mudah dan sederhana, cuma butuh jquery saja. Penasaran pengen lihat bagaimana cara membuatnya, yuk di simak. Cukup buat file index.html dan file style.css serta jquery. jika anda tidak memiliki jquery silahkan download disini. Sourcecode index.html sebagai berikut

Lihat Gambar Saat Upload Dengan HTML

Salam sejahtera buat kita semua. Semoga kita slalu di beri kesehatan oleh Nya, Amiiiin. Artikel kali ini berjudul "Lihat Gambar Saat Upload Dengan HTML". Apa sih manfaatnya? manfaatnya yaitu menampilkan gambar sebelum di upload (supaya gambar yang di upload tidak keliru kali,hehe). Langsung saja kita praktekkan. buatlah file dengan nama index.html dan isikan sourcecode sebagai berikut

Cara Membuat Web Responsive Sederhana

Dua hari yang lalu kita sudah belajar membuat OOP dengan PHP, dan kali ini kita akan membuat web responsive. Apa sih web responsif itu? menurut saya sendiri, web responsive adalah web yang bisa di buka di segala macam ukuran layar (Laptop, Tablet, HP dan lain lain). Tanpa panjang lebar langsung saja kita praktekan.

Buat file dengan nama index.html, dan berikut sourcecodenya

Membuat Form Login Keren

Salam hangat untuk kita semua. Setelah berbagai artikel menarik yang pernah saya buat, kali ini saya akan mencoba membuat form login yang keren abis. Oiya, salam kenal dulu bagi para pengunjung blog ini,hehe. Bagi pengunjung yang sebelumnya dah pernah mampir di blog ini, di tunggu komentarnya, supaya ilmu kita bisa bertambah Tanpa berteletele langsung aja siapkan file dengan nama index.html, kemudian file style.css dan juga satu buah gambar yang nantinya di buat untuk logo. Ingat!, semua file harus disimpan dalam satu folder yang sama.  Misalkan saja folder kita beri nama Formlogin. Berikut sourcecode index.html

Belajar Membuat Website

Sudah sekian lama tidak posting, hari ini saya akan membagikan beberapa ilmu saya tentang pembuatan website. Kali ini kita akan belajar membuat website. kita akan mengulangi sekali lagi postingan postingan saya sebelumnya. bagi yang belum membaca postingan saya sebelumnya, silahkan pelajari di sini. Kali ini website yang akan kita buat akan lebih bagus dan siiiip dari pada sebelumnya,karena apa? karena berikut ini adalah

Membuat Website Dengan CSS

Sekarang kita akan membahas tentang bagaimana cara membuat website dengan CSS (Cascading Style Sheet). Pada pembuatan website yang sebelunya, kita telah memberikan sentuhan sedikit CSS yaitu pada tag antara <style> dan </style>. Yang belum lihat dan membaca postinganku sebelumnya, monggo lihat disini. Ok, Mari kita mulai praktek membuat website dengan CSS (Cascading Style Sheet) yang dimana letak script CSS berada di luar halaman web (eksternal CSS). Ikuti langkah langkah berikut ini :

1. Bukalah home.html di teks editor (notepad)

2. Hapuslah script antara  tag <style> dan </style>

Cara membuat Website Yang Keren

Ini adalah postingan lanjutan membuat website yang yang keren abizzz. Pada postingan kali ini, kita akan membuat tampilan website sebelumya lebih bagus. Yang belum lihat dan membaca postinganku sebelumnya, monggo lihat disini. Ok, Mari kita mulai praktek. Ikuti langkah langkah berikut ini :

1. Bukalah home.html di teks editor (notepad)

2. Ketikan kode script di bawah ini  (warna merah)

Bagaimana cara membuat Website

Hore...setelah kita membuat dan praktek contoh contoh penggalan website, sekarang kita mencoba untuk membuat website secara utuh. Dengan cara menggabungkan bagian bagian yang sudah kita praktekan sebelumnya. yang belum membaca postinganku sebelumnya, monggo lihat disini. Ok. Nanti disini kita juga akan belajar tentang memasukkan gambar ke halaman website kita. Mari kita mulai praktek. Ikuti langkah langkah berikut ini :