HTML, Javascript, CSS dasar

Sebenarnya membuat aplikasi dengan HTML tidaklah ribet. Anda dapat membuatnya secara langsung dengan editor teks (berupa kode), atau dapat pula menggunakan software seperti Dreamweaver dengan mode Design. Tingkat kesulitan pembuatan aplikasi HTML bergantung pada kompleksitas pembuatan aplikasinya. Berikut ini tutorial pembuatan aplikasi HTML sederhana yang juga menggunakan JavaScript dan CSS.


Tutorial: Membuat “Hello World” dengan HTML, JavaScript, dan CSS
Buka editor teks Anda (misalnya Notepad++). Tulis kode seperti di bawah ini, lalu di-save dengan format *.htm.

Hello, World! Please enter your name!

Tes file HTML ini dengan membukanya dengan browser Anda dan lihat hasilnya. Berikut penjelasan tiap-tiap bagian kode:



Tag  adalah bagian header, berisi judul, style CSS, dan kode JavaScript.


Tag 




Name

Selengkapnya...

CSS MWB

Pada css tema MWB yang baru (Default1 dan Default 2) terdapat menu baru yang tepatnya berada header blog antara lain HOME, ABOUT, NAVIGATION, nah disini kita bisa mengganti teks menu tersebut dengan teks/gambar sesuai yang kita inginkan dengan cara menambah beberapa kode css pada css default yang kalian pakai.

Berikut adalah kode untuk merubah teks menu tersebut.

Teks HOME

kode (teks) : #navigation span a {content:"teks anda";}
kode (gambar) : #navigation span a {content: url(link gambar);}

Teks ABOUT
kode (teks) : #navigation span+span a {content:"teks anda";}
kode (gambar) : #navigation span+span a {content: url(link gambar);}

Teks NAVIGATION
kode (teks) : #navigation span+span+span a {content:"teks anda";}
kode (gambar) : #navigation span+span+span a {content: url(link gambar);}

Silahkan copy dan edit kode diatas kemudian taruh di CSS Default yang kalian pakai di blog kalian.

SELAMAT MENCOBA

Selengkapnya...