Rabu, 27 Januari 2021

Membuat HTML untuk Biodata di Blogspot

Sebenarnya membuat biodata adalah hal yang sangat mudah. Tetapi tips ini bukan membuat biodata dalam Microsoft Word, melainkan membuat biodata di blogspot.com. Kita biasanya senang membaca biodata seseorang, jika penulisannya tertata dengan baik dan rapi tentunya. Di dalam postingan blogger kita tidak bisa menggunakan seperti yang di Ms. Word. Untuk membuat biodata yang tertata rapi pada blogger, kita perlu beberapa kode HTML seperti <table>, <tr>, <br/> dll.

1.Dalam melakukan postingan, anda harus berada dalam bentuk HTML.

2. Pastekanlah kode berikut ini.

<table align="left" border="0" cellspacing="5" style="width: 500px;">
<tbody>
<tr>
<td align="left" valign="top" width="80">Nama</td>
<td align="left" valign="top" width="5">:</td>
<td align="left" valign="top" width="300">Ahmad Suaidi</td>
</tr>
<tr>
<td align="left" valign="top" width="80">Alamat</td>
<td align="left" valign="top" width="5">:</td>
<td align="left" valign="top" width="300">Jl. Raya Bululawang<br />
Kec. Bululawang, Kab. Malang<br />
Jawa Timur 65171</td>
</tr>
<tr>
<td align="left" valign="top" width="80">Pekerjaan</td>
<td align="left" valign="top" width="5">:</td>
<td align="left" valign="top" width="300">Pengajar</td>
</tr>
<tr>
<td align="left" valign="top" width="80">No. HP. </td>
<td align="left" valign="top" width="5">:</td>
<td align="left" valign="top" width="300">08530303030 </td>
</tr>
<tr>
<td align="left" valign="top" width="80">Asal</td>
<td align="left" valign="top" width="5">:</td>
<td align="left" valign="top" width="300">Gondanglegi </td>
</tr>
</tbody></table>

- Silahkan anda ganti tulisan Tebal, sesuai dengan keinginan/biodata anda sendiri.
- Tulisan berwarna Merah adalah kode untuk Enter.
- Jika sobat blogger ingin menambah elemen, anda tinggal menambahkan bagian <tr> ........ </tr>
3. Setelah selesai "PUBLISKAN" kalau bisa Pratinjau dulu.
Jika kurang mengerti, silahkan berikan pertanyaan dalam kolom komentar.


0 komentar:

Posting Komentar