Kumpulan Kode HTML Untuk Blogspot,wordpress & mwb

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:

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

adalah banyaknya baris.

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 H2O:
penulisan H<sub>2O</ sub>
Hasil:
penulisan H2O

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

=MENU=

LINK 1	LINK 2
LINK 3	LINK 4

Add to Cart

Related Product :