Skip to main content

Rangkuman Code html Buat Percantik tampilan blog Keren

Rangkuman Code html Buat Percantik tampilan blog Keren

Inilah kumpulan kode html untuk mempercantik tampilan blog biar keren


Kode html untuk membuat link pada teks.


Kode html membuat link eksternal (halaman landing page terbuka ditab baru setelah teks di-klik)

<a href="http://curhatspiritual.blogspot.com/" style="text-decoration: none;" target="_blank"></a>


Contoh : 

<a href="http://curhatspiritual.blogspot.com/" style="text-decoration: none;" >Laman Home Ilmu Karomah Dan Laduni</a>

Kode html untuk membuat link internal (halaman landing page terbuka menutupi halaman sebelumnya setelah teks di-klik)

<a href="http://curhatspiritual.blogspot.com/" style="text-decoration: none;" >Laman Home Page Blog Solo Online</a>

Contoh : 

Kode html untuk mengganti warna pada teks.

Ungu : <span style="color: purple;">Ungu</span>
Merah : <span style="color: red;">Merah</span>
Biru : <span style="color: blue;">Biru</span>
Hijau : <span style="color: lime;">Hijau</span>

Kode html untuk memberi warna background (latar belakang teks) :

<span style="background-color: blue;"><span style="color: yellow;">background teks</span></span>

Contoh : background teks

Kode html untuk mengganti besar kecilnya font.

Kecil : <span style="font-size: x-small;">Kecil</span>

Besar : <span style="font-size: large;">Besar</span>

Kode html untuk mengganti model huruf.

Trebuchet : <span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Trebuchet</span>

Arial : <span style="font-family: Arial,Helvetica,sans-serif;">Arial</span>

Verdana : <span style="font-family: Verdana,sans-serif;">Verdana</span>

Lucida handwriting : <span style="font-family: &quot;lucida handwriting&quot;,sans-serif;">Lucida handwriting</span>

Kode html untuk membuat baris baru : <br> 

Kode html untuk membuat garis lurus horizontal : <hr>

Contoh :


Kode html untuk membuat paragraf rata kanan (right), tengah (center), kiri (left) dan kanan-kiri (justify).

Kode html paragraf rata kanan :

<div style="text-align: right;">
Silahkan kalian belajar html bila kalian ingin bisa mempercantik tampilan blog kalian! perbanyak perbendaharaan kumpulan kode html kalian ya!&nbsp; Thank, selamat mengumpulkan kode html dan selamat belajar, semoga kalian sukses.</div>

Contoh :

Silahkan kalian belajar html bila kalian ingin bisa mempercantik tampilan blog kalian! perbanyak perbendaharaan kumpulan kode html kalian!  Thank, selamat mengumpulkan kode html dan selamat belajar, semoga kalian bisa dan sukses.

Kode html untuk membuat table.

<table width="225" border="5">
<tr>
<td width="25">No</td>
<td width="150">Nama Barang</td>
<td width="50">Harga</td>
</tr>
<tr>
<td>1</td>
<td>Truk Toyota</td>
<td>200 Jt</td>
</tr>
</table>

Contoh :

NoNama BarangHarga
1Truk Toyota200 Jt

Kode html copyright (hak cipta) .

&#169;

Contoh : ©

Kode html spasi : &nbsp;

Kode html efek teks bergerak ke kiri.

<marquee>Teks bergerak ke kiri</marquee>

Contoh :
Teks bergerak ke kiri

Kode html menebalkan (bold), memiringkan (italic), menggaris bawahi (underline) dan mencoret teks (strikethrough).  

Teks normal

<b>Teks tebal</b>  contoh : Teks tebal

<i>Teks miring</i>  contoh :  Teks miring

<b>Teks digaris bawahi</b>  contoh : Teks digaris bawahi

<strike>Teks dicoret</strike>  contoh : Teks dicoret

Kode html untuk memberi nomor urut.

<ol>
<li>Tingkat dasar.</li>
<li>Tingkat menengah.</li>
<li>Tingkat atas.</li>
</ol>

Contoh :
  1. Tingkat dasar.
  2. Tingkat menengah.
  3. Tingkat atas.
Kode html untuk memberi bullet.

<ul>
<li>Website pribadi.</li>
<li>Website toko online.</li>
<li>Website bisnis.</li>
</ul>

Contoh :
  • Website pribadi.
  • Website toko online.
  • Website bisnis.

Kode html untuk memberikan warna backgroud (latar belakang) paragraf.

<div style="background-color: yellow; border: 1px solid black; padding: 7px; width: auto;">Membuat website itu mudah, asal sudah tahu caranya. Bagaimana supaya kalian bisa tahu rahasia membuat website itu mudah? syarat utamanya adalah kalian harus suka membaca, selanjutnya adalah kalian harus ada kemauan untuk memulai belajar</div>

Contoh :
Membuat website itu mudah, asal sudah tahu caranya. Bagaimana supaya kalian bisa tahu rahasia membuat website itu mudah? syarat utamanya adalah kalian harus suka membaca, selanjutnya adalah kalian harus ada kemauan untuk memulai belajar

Kode html membuat frame /bingkai pada paragraf dengan ukuran lebar dan panjang sesuai keinginan kita.

<div style="width:350px;height:100px;padding:10px;border:1px solid green">Membuat website itu mudah, asal sudah tahu caranya. Bagaimana supaya kalian bisa tahu rahasia membuat website itu mudah? syarat utamanya adalah kalian harus suka membaca, selanjutnya adalah kalian harus ada kemauan untuk memulai belajar</div>

Contoh :

Membuat website itu mudah, asal sudah tahu caranya. Bagaimana supaya kalian bisa tahu rahasia membuat website itu mudah? syarat utamanya adalah kalian harus suka membaca, selanjutnya adalah kalian harus ada kemauan untuk memulai belajar

Gambar panah ke kiri ( « ) kode htmlnya adalah &#171;
Gambar panah ke kanan ( » ) kode htmlnya adalah &#187;

Kode html tulisan posting lebih lama data:olderPageTitle/ 
Kode html tulisan posting lebih lama data:newerPageTitle/

Kode html meter persegi ( m² ) adalah &#178;
Kode html meter kubik ( m³ ) adalah &#179;
Kode html kurang lebih ( ± ) adalah &#177;

Kode html seper empat ( ¼ ) adalah  &#188;
Kode html setengah ( ½ ) adalah &#189;
Kode html tiga per empat ( ¾ ) adalah &#190;

Demikian share dari saya tentang kumpulan 
kode html untuk mempercantik tampilan blog, 
semoga bermanfaat.

Comments