Kumpulan Kode HTML Untuk Blogspot,wordpress & mwb

Kumpulan kode HTML yang biasa di pakai di blogspot,wordpress,mywapblog dll.(khusus mwb pastikan mode HTML sudah di aktifkan supaya kode bisa berjalan dg baik & tidak terjadi error).Bagi yang mau tahu cara penulisan kode html di postingan, bisa klik disini..Sebelum anda membaca tentang koleksi kode widget cantik buat blog,kode kode di bawah wajib anda ketahui.

-. Membuat text link:
<a href="http://url tujuan">teks kamu disini</a>..
Hasil: teks kamu disini
Ket:

penulisan link/URL harus pakai http:// contoh http://cipulus.wordpress.com/

-. Membuat textarea:

<textarea cols="35" rows="2">isi text area
Hasil:
isi text area
Ket:

Agar tidak error,dalam penulisan isi text area antara kode >dan< harus tanpa spasi.

-. Menampilkan gambar:<img src="http://url-gambar-kamu.jpg"/>
Ket:

Penulisan link/URL gambar harus pakai http:// contoh http://mazzipul.heck.in/files/hacking.jpg

-. Membuat Link dengan Gambar :<a href="http://url tujuan"><img src ="http://url gambarmu"/></a>

-. Membuat Spoiler :
<div style="margin-bottom:<br /> 5px;"><div class="smallfont"<br /> style="margin: 2px;"><input value="Show" style="margin: 0px; padding:0px; width: 60px; font-size:<br /> 12px;" onclick="if(this.parentNode.parentNode.<br /> getElementsByTagName('div')<br /> [1].getElementsByTagName('div') [0].style.display != '')<br /> { this.parentNode.parentNode.<br /> getElementsByTagName('div')[1].getElementsByTagName('div')<br /> [0].style.display = '';<br /> this.innerText = ''; this.value = 'hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')<br /> [1].getElementsByTagName('div')<br /> [0].style.display = 'none';this.innerText = ''; this.value =<br /> 'show'; }" type="button"/></div> <br /> <div class="alt2" style="border:<br /> 1px inset ; margin: 5px; padding:<br /> 1px;"><br /> <div style="display: none;"> Isi spoiler </div> </div> </div> <br />
Hasilnya:

Isi spoiler

-. Membuat Paragrap dan baris baru:
Paragrap baru = <p/><br /> Baris baru = <br/>

-. Membuat text berwarna:<span style="color:#ff0000">teks kamu disini </span>
Hasil:
teks kamu disini
Keterangan:

#ff0000(kode warna merah) bisa juga diganti dengan kata(misal:black,red dll).
Kode warna yang lainnya,bisa baca disini.

-. Membuat Teks Berbayang / Shadow:
<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red }</style><font color="yellow"><b class="drop-shadow"><b>text berbayang</b></font></b>
Hasil:
text berbayang

-. Membuat Garis warna:
<hr color="red">
Hasil:

---

-. Membuat Warna Backgoround Halaman:
<div style="background:#88ffff"> menambahkan background teks</div>
Hasil:

menambahkan background teks

-. Membuat Teks Efek Stabilo: <span style="background-color:<br /> #ffc1e0;">kalimat anda yang ingin di beri efek stabilo</span>
Hasil:
kalimat anda yang ingin di beri efek stabilo

-. Membuat background dan mewarnai teks:
<div style="background:#88ffff"> <font color="red">menambahkan background dan mewarnai teks</font></div>
Hasil:

menambahkan background dan mewarnai tek

-. Membesarkan text :
<span style="size:15">teks kamu disini </span><br />
Hasil:
teks kamu disini

Ket:Angka 15 bisa di ganti dg ukuran font yang di kehendaki.

-. Membuat Teks Berada di tengah:<div style="text-align: center;"> Teks Rata Tengah </div>
Hasil:

Teks Rata Tengah

-. Membuat Teks berada di kanan:.<div style="text-align: right;"> Teks Rata Kanan </div>
Hasil:

Teks Rata Kanan

-. Membuat teks berada di kiri:<div style="text-align: left;"> Teks Rata Kiri </div>
Hasil:

Teks Rata Kiri

-. Membuat Daftar / List:
<ul> <li>Item 1</li> <br /> <li>Item 2</li> </ul>
Hasil:

• Item 1
• Item 2

-. Membuat Teks Dicoret
<s>text di coret</s>
Hasil:
text di coret

-. Membuat Garis bawah pada teks:<span style="text-decoration: underline;">teks anda </span>
Hasil:
teks anda

-. Membuat text italic/miring:
<i>text miring</i>
Hasil:
text miring

-. Membuat Tabel:
<table border="7"><br /> <tr> <td> baris 1 Kolom 1</TD> <td> baris 1 Kolom 2</TD> <td> baris 1 Kolom 3</TD> </TR> <br /> <tr> <td>baris 2 Kolom 1</TD> <td> baris 2 Kolom 2</TD> <td> baris 2 Kolom 3</TD> </Tr> <br /> </table>
Hasil:

baris 1 Kolom 1	baris 1 Kolom 2	baris 1 Kolom 3
baris 2 Kolom 1	baris 2 Kolom 2	baris 2 Kolom 3

Ket:

<tr> adalah banyaknya baris.

<td> adalah banyaknya kolom dalam satu baris.
Tabel diatas terdiri dari 2 baris, masing- masing baris 3 kolom.
Angka 7 pada border="7" merupakan besar kecilnya border tabel.

-. Membuat paragraf sedikit lebih ke dalam:
<blockquote> membuat paragraf sedikit lebih ke dalam, istilahnya indent.</blockquote>
Hasil:

membuat paragraf sedikit lebih ke dalam, istilahnya indent.

-. Menampilkan link ke email:
<a href="mailto:alamatemail<br /> Anda@yahoo.com">nama yang ditampilkan</a>
Hasil:
nama yang ditampilkan

-. Membuat text turun seperti dalam penulisan H<sub>2O</ sub>:
penulisan H<sub>2O</ sub>
Hasil:
penulisan H2O</ sub>

-. Membuat text ke atas/tanda pangkat,seperti pada 20^tahun:
Khusus 17^{tahun keatas}
Hasil:
Khusus 20^{tahun keatas}

-. Membuat Menu Tabel:
<div style="border:1px solid#ffffff; padding:1px;"> <br /> <div style="border:1px solid#ffffff; padding:1px;"> <br /> <table width="100%" border="1"><td bgcolor=black><div <br /> style="text-align:center;"><br /> <font color="white" <br /> size=5>=MENU=</font></table> <br /> <br /> <table width="100%" <br /> border="0"><br /> <tr><td width="50%" bgcolor="black" <br /> align="center"><a href="http://mazzipul.heck.in" class=""><font <br /> color="lime">LINK 1</font></a></td><td <br /> width="50%" bgcolor="black" align="center"><a href="http://mazzipul.heck.in" <br /> class=""><font color="lime">LINK <br /> 2</font></a></td><br /> <tr><td width="50%" <br /> bgcolor="black" align="center"><a href="http://mazzipul.heck.in" <br /> class=""><font color="lime">LINK 3 <br /> </font></a></td><td width="50%" bgcolor="black" <br /> align="center"><a href="http://mazzipul.heck.in" class=""><font <br /> color="lime">LINK <br /> 4</font></a></td></tr> <br /> </table> <br /> </div> </div> </div> <br /> <br />

Hasil:</sub>

=MENU=

LINK 1	LINK 2
LINK 3	LINK 4

Kata kunci:

Belajar HTML,Koleksi kode HTML,kumpulan kode HTML,kode HTML untuk blog,cara mudah kuasai kode HTML,koleksi kode HTML untuk blog.cara mudah buat spoiler,kode spoiler blogspot,cara buat klik sini,membuat text berbayang,html warna,kode html spoiler bog.