Selamat Tahun Baru

Selamat Tahun Baru semua.. Maaflah sebab lama tak update. Semua kan dah tahu saya sudah mula sekolah untuk darjah 5. Best betul sebab kelas saya(5 Alpha kelas pertama)dapat menjadi kelas maya. Kelas maya adalah pembelajaran menggunakan e-book. Tapi kena kongsi dengan darjah 5 yang lain..

Ok itu saja. Selamat tinggal.

HTML Heading

HTML Heading merupakan salah satu asas kod HTML. Heading mempunyai 6 heading yaitu:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Kodnya adalah:

<h1>Ayat Anda</h1>
<h2>Ayat Anda</h2>
<h3>Ayat Anda</h3>
<h4>Ayat Anda</h4>
<h5>Ayat Anda</h5>
<h6>Ayat Anda</h6>

Note:

1. <h1> hingga <h6> adalah heading yang berlainan. Sila tengok contoh yang disediakan di atas.
2. Tukar Ayat Anda dengan ayat yang anda mahu tulis.
3. Copy/paste kod kedalam Notepad++atau DevPhp
4. Jika mahu letak dalam blogger,bertukar ke HTML Mode

Tips Untuk Search Ketika Edit HTML

Ketika Edit HTML, korang mesti kena scroll ke bawah sebab fungsi Ctrl+F tak menjadi. Jadi Ikhwan ingin memberitahu cara untuk mencari kod.

Caranya:

1. Dashboard >> Template >> Edit HTML
2. Klik sekali kat kotak HTML
3. Lepastu tekan Ctrl+F
4. Nanti kotak search akan muncul kat dalam kotak HTML tuh
5. Carilah kod yang korang nak cari..

Senang bukan..

Cara Bertukar Ke HTML Mode Didalam Post

Cara Bertukar Ke HTML Mode??? Sangat senang. Sebelum itu biar saya terang apa itu HTML Mode.
HTML Mode adalah tempat yang kita boleh letakkan kod HTML macam <h1> dan lain-lain.

Caranya:

1. Dashboard >> New Post
2. Kat New Post korang akan nampak Compose | HTML (Bawah Tajuk Post)
3. Tekan HTML
4. Siap!!

Senang  bukan..

Notepad ++.exe

Name: Notepad ++.exe
Info:HTML/PHP/XHTML/JAVASCRIPT/CSS EDITOR
Size: 7 MB (7,520,740 bytes)

Cara Buat Textbox Dalam Blog

Anda selalu lihat jika saya bagi kod, saya bagi kod dalam textboxt. Hari ini saya akan ajar cara buat textbox.

Asas textbox ialah:

<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;">MASUKKAN KOD ANDA DISINI</textarea>

Contoh Textbox Yang Simple

Untuk membuatkan kod didalam textbox diselect dengan sekali klik ialah:

<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;" onclick="this.focus();this.select()" >MASUKKAN KOD ANDA DISINI</textarea>

Contoh Textbox Yang Diselect Dengan Sekali Klikt
Untuk membuatkan kod diselect dengan melalukan tetikus ialah:

<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;" onmouseover="this.focus()" onfocus="this.select()" >MASUKKAN KOD ANDA DISINI</textarea>

Contoh Textbox Yang Diselect Dengan Melalukan Tetikus Mudah bukan. Note:

height: 100px; > Gantikan dengan ketinggian yang anda kehendaki
width: 200px; > Gantikan dengan lebar yang anda kehendaki
background: #8CEFFD; Gantikan warna background dengan kod tertentu. Anda boleh mendapatkan kod warna di sini.

HTML Colour Codes Generator

Cara Menggunakan HTML Colour Codes Generator:

1. Pilih warna yang anda suka
2. Kemudian copy kod di Hex
3. Paste kedalam blog anda..