Kumpulan Kode HTML Untuk Blogspot,wordpress & mwb

Di bawah ini adalah 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). kode kode di bawah wajib anda ketahui:.

1. 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/

2. 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.

3. 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

4. Membuat Link dengan Gambar :

<a href="http://url tujuan"><img src ="http://url gambarmu"/></a>

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

Isi spoiler

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

7. 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.

8. 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

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

---

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

menambahkan background teks

11. 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

12. 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

13. 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.

14. Membuat Teks Berada di tengah:

<div style="text-align: center;"> Teks Rata Tengah </div>
Hasil:

Teks Rata Tengah

15. Membuat Teks berada di kanan:

<div style="text-align: right;"> Teks Rata Kanan </div>
Hasil:

Teks Rata Kanan

16. Membuat teks berada di kiri:

<div style="text-align: left;"> Teks Rata Kiri </div>
Hasil:

Teks Rata Kiri

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

• Item 1
• Item 2

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

19. Membuat Garis bawah pada teks:

<span style="text-decoration: underline;">teks anda </span>
Hasil:
teks anda

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

21. 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.

22. 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.

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

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

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

26. 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:

=MENU=

LINK 1	LINK 2
LINK 3	LINK 4

sumber: http://blog.fulldesainer.com/2012/08/kumpulan-kode-html-untuk.html