aku
Cara membuat tabel pada postingan

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
ABC
DEF
<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 1Item 2Item 3
Item 4Item 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 1Item 2Item 3Item 4
Item 5Item 6Item 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 1Item 2
Item 3Item 4Item 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>
Header1Header2Header3
ABC
DEF
<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
Header1Header2
ABCD
EFGH
<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
Header1Header2
Header 3Header 4Header 5Header 6
ABCD
EFGH
<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
Header1Item 1Item 2Item 3
Header2Item 4Item 5Item 6
Header3Item 7Item 8Item 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
Header1Item 1Item 2Item 3Item 4
Item 5Item 6Item 7Item 8
Header2Item 9Item 10Item 3Item 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
HeightWeight
GenderLaki1.90.003
Perempuan1.70.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
A12
34
CD
<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 1Item 2Item 3
Item 4Item 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 1Item 2
Item 3Item 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
ABC
DEF
<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>


ABC
DEF
<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>


ABC
DEF
<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>


ABC
DEF
<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)
    Cara Mengatasi Artikel Halaman Statis Blog Tidak Muncul
  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