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

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

Contoh Contoh CSS

Kali ini saya akan memberikan beberapa contoh penggunaan CSS agar tampilan website yang sedang anda buat jauh lebih bagus tampilanya. Apa yang harus di persiapkan dalam membuat CSS ? jawabanya adalah kesehatan, hehehehe. Beberapa contoh penggunaan CSS dan dapat anda praktekkan. 

Pengertian CSS

Kali ini saya akan membahas tentang CSS. Kepanjangan dari CSS sendiri adalah Cascading Style Sheets. Fungsi dari CSS sendiri adalah untuk membuat tampilan (Interface) website terlihat lebih bagus dan memudahkan untuk pengaturan tampilan (Interface) website. CSS sendiri dapat di letakan di file HTML secara langsung atau bahkan diletakan di luar file HTML (eksternal).