Cara membuat tabel pada postingan

Berikut adalah macam macam model dari tabel,sekaligus contoh dan demonstrasi hasilnya.Silahkan bereksplorasi sendiri dengan membuat model model yang anda kehendaki dengam mengembangkan dari contoh model tabel  yang ada disini.


Dasar 3 kolom x 2 baris table

A	B	C
D	E	F

<table border><tr><td>A</td> <td>B</td> <td>C</td></tr><tr><td>D</td> <td>E</td> <td>F</td></tr></table>

---

rowspan

Item 1	Item 2	Item 3
Item 4		Item 5

<table border><tr><td>Item 1</td><td rowspan=2>Item 2</td><td>Item 3</td></tr><tr><td>Item 4</td> <td>Item 5</td></tr></table>

Item 1	Item 2	Item 3	Item 4
	Item 5	Item 6	Item 7

<table border><tr><td rowspan=2>Item 1</td><td>Item 2</td> <td>Item 3</td> <td>Item 4</td></tr><tr><td>Item 5</td> <td>Item 6</td> <td>Item 7</td></tr></table>

---

colspan

Item 1	Item 2
Item 3	Item 4	Item 5

<table border><tr><td>Item 1</td><td colspan=2>Item 2</td></tr><tr><td>Item 3</td> <td>Item 4</td> <td>Item 5</td></tr></table>

---

 <th>

Header1	Header2	Header3
A	B	C
D	E	F

<table border><tr><th>Header1</th> <th>Header2</th> <th>Header3</th></tr><tr><td>A</td> <td>B</td> <td>C</td></tr><tr><td>D</td> <td>E</td> <td>F</td></tr></table>

---

Tabel Header

Header1		Header2
A	B	C	D
E	F	G	H

<table border><tr><th colspan=2>Header1</th><th colspan=2>Header2</th></tr><tr><td>A</td> <td>B</td> <td>C</td> <td>D</td> </tr><tr> <td>E</td> <td>F</td> <td>G</td> <td>H</td> </tr></table>

---

Multiple, header dan colspan

Header1		Header2
Header 3	Header 4	Header 5	Header 6
A	B	C	D
E	F	G	H

<table border><tr><th colspan=2>Header1</th><th colspan=2>Header2</th></tr><tr><th>Header 3</th> <th>Header 4</th> <th>Header 5</th> <th>Header 6</th> </tr><tr><td>A</td> <td>B</td> <td>C</td> <td>D</td> </tr><tr><td>E</td> <td>F</td> <td>G</td> <td>H</td> </tr></table>

---

Tabel header samping

Header1	Item 1	Item 2	Item 3
Header2	Item 4	Item 5	Item 6
Header3	Item 7	Item 8	Item 9

<table border><tr><th>Header1</th><td>Item 1</td> <td>Item 2</td> <td>Item 3</td></tr><tr><th>Header2</th><td>Item 4</td> <td>Item 5</td> <td>Item 6</td></tr><tr><th>Header3</th><td>Item 7</td> <td>Item 8</td> <td>Item 9</td></tr></table>

---

Header samping, rowspan

Header1	Item 1	Item 2	Item 3	Item 4
	Item 5	Item 6	Item 7	Item 8
Header2	Item 9	Item 10	Item 3	Item 11

<table border><tr><th rowspan=2>Head1</th><td>Item 1</td> <td>Item 2</td> <td>Item 3</td> <td>Item 4</td></tr><tr><td>Item 5</td> <td>Item 6</td> <td>Item 7</td> <td>Item 8</td></tr><tr><th>Head2</th><td>Item 9</td> <td>Item 10</td> <td>Item 3</td> <td>Item 11</td></tr></table>

---

Contoh pemakaian semua model table

		Average
		Height	Weight
Gender	Laki	1.9	0.003
	Perempuan	1.7	0.002

<table border><tr> <td><th rowspan=2></th><th colspan=2>Average</th></td></tr><tr> <td><th>Height</th><th>Weight</th></td></tr><tr> <th rowspan=2>Gender</th><th>Laki</th><td>1.9</td><td>0.003</td></tr><tr> <th>Perempuan</th><td>1.7</td><td>0.002</td></tr></table>

---

Rowspan dan colspan

A		1	2
		3	4
C		D

<table border><tr><td align=center rowspan=2 colspan=2>A</td><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr><tr><td align=center rowspan=2 colspan=2>C</td><td align=center rowspan=2 colspan=2>D</td></tr><tr></tr></table>

---

Margin dan border
Table tanpa border

Item 1	Item 2	Item 3
Item 4		Item 5

<table><tr> <td>Item 1</td> <td rowspan=2>Item 2</td> <td>Item 3</td> </tr><tr> <td>Item 4</td> <td>Item 5</td> </tr></table>

---

Tabel dengan border

Item 1	Item 2
Item 3	Item 4

<table border=10><tr> <td>Item 1</td> <td> Item 2</td></tr><tr> <td>Item 3</td> <td>Item 4</td> </tr></table>

---

cellpadding dan cellspacing

A	B	C
D	E	F

<table border cellpadding=10 cellspacing=0><tr><td>A</td> <td>B</td> <td>C</td></tr><tr><td>D</td> <td>E</td> <td>F</td></tr></table>

A	B	C
D	E	F

<table border cellpadding=0 cellspacing=10><tr><td>A</td> <td>B</td> <td>C</td></tr><tr><td>D</td> <td>E</td> <td>F</td></tr></table>

A	B	C
D	E	F

<table border cellpadding=10 cellspacing=10><tr><td>A</td> <td>B</td> <td>C</td></tr><tr><td>D</td> <td>E</td> <td>F</td></tr></table>

A	B	C
D	E	F

<table border=5 cellpadding=10 cellspacing=10><tr><td>A</td> <td>B</td> <td>C</td></tr><tr><td>D</td> <td>E</td> <td>F</td></tr></table>

Panduan Cara Mengatasi Artikel Halaman Statis Blog Tidak Muncul

Panduan Cara Mengatasi Halaman Statis Blog Tidak Muncul - Untuk membuat halaman blog anda bisa membaca artikel di cara membuat halaman blog namun bagaimana setelah halaman blog yang anda buat isinya tidak muncul? Sebelum melanjutkan panduan cara artikel mengatasi halaman statis blog tidak muncul, saya akan jelaskan sedikit kenapa artikel halaman statis blog tidak muncul? Faktor utama yang membuat halaman blog tidak muncul adalah karena adanya kode template yang hanya mengarahkan atau hanya menampilkan untuk artikel saja sehingga artikel yang ada di halaman blog tidak bisa muncul atau tampil

1. Buka akun blogger anda.

1. Pilih Template >> Edit HTML >> Lanjutkan >> centang Expand Template Widget >> tekan Ctrl + F pada keyboard

1. Cari kode berikut melalui form pencarian yang ada dibagian kiri bawah atau kanan atas (tergantung browser)

1. <b:if cond='data:blog.pageType != &quot;item&quot;'>

1. <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

1. <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>

1. <span class='rmlink' style='float:left'><a expr:href='data:post.url' rel='nofollow'>Read More</a></span>

1. </b:if>

1. Untuk memudahkan pencarian silahkan baca di panduan cara mengedit dan mencari kode template

1. Kalau kode sudah ditemukan, tambahkan kode berikut

1. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

1. <data:post.body/>

1. <b:else/>

1. <-- kode no. 3 -->

1. </b:if>

1. Sehingga hasilnya seperti berikut

1. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

1. <data:post.body/>

1. <b:else/>

1. <b:if cond='data:blog.pageType != &quot;item&quot;'>

1. <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

1. <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>

1. <span class='rmlink' style='float:left'><a expr:href='data:post.url' rel='nofollow'>Read More</a></span>

1. </b:if>

1. </b:if>

1. Jika sudah, klik Pratinjau terlebih dahulu untuk mengetahui apakah kode yang anda tambahkan error atau tidak. Jika tidak ada error, silahkan klik Simpan Template.

1. Lihat hasilnya.

1. Cari kode <b:if cond='data:blog.homepageUrl != data:blog.url'> . Kode ini ada 2, maka pilihlah kode yang kedua (lihat gambar)

1. Hapus semua kode berikut ini

1. <b:if cond='data:blog.homepageUrl != data:blog.url'>

1. <b:if cond='data:blog.pageType != &quot;item&quot;'>

1. <a expr:href='data:post.url'>

1. <div style='padding:5px;border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb;margin-bottom:5px;background:#f2f2f2;'>

1. <data:post.title/></div></a>

1. <b:else/>

1. <b:include data='post' name='post'/>

1. </b:if>

1. <b:else/>

1. <b:include data='post' name='post'/>

1. </b:if>

1. Ganti kode yang dihapus dengan kode <b:include data='post' name='post'/>

1. Jika sudah, klik Pratinjau terlebih dahulu untuk mengetahui apakah kode yang anda tambahkan error atau tidak. Jika tidak ada error, silahkan klik Simpan Template.

1. Lihat hasilnya.

Oke, sekarang kita melanjutkan panduan cara mengatasi artikel halaman statis blog tidak muncul. Untuk memunculkan halaman blog yang bermasalah ini, silahkan ikuti beberapa panduannya berikut ini. Panduan berikut terdiri dari beberapa bahasan yang saya sesuaikan dengan permasalahan yang anda alami dengan halaman blog anda yang tidak muncul
Masalah 1 : Halaman Statis Blog & Isi Artikel Muncul Tapi Artikel Terpotong Oleh Read More

Masalah 2 : Halaman Statis Blog Muncul Tanpa Ada Isi Artikel & Hanya Muncul Tulisan Read More
Pada masalah 2 ini masih berhubungan dengan penambahan kode yang ada di masalah 1. Maksudnya, jika halaman statis blog tidak muncul dan anda sudah menerapkan cara pada masalah 1 tapi artikel blog juga tidak muncul-muncul, berikut panduannya
Demikian sedikit cara mengatasi masalah halaman blog dan isinya tidak muncul. Semoga bermannfaat, terimakasih telah berkunjung dan membaca artikel Panduan Cara Mengatasi Artikel Halaman Statis Blog Tidak Muncul