Cara Membuat Anime List Versi Tabel

Hai Minna-san,

Setelah semalam 1 harian kgk update apa - apa :3

Akhirnya mimin mau update sesuatu lagi :v

Ya, Bagi ente yg suka Simple dan Klasik mimin akan membagikan

Tutorial CARA MEMBUAT ANIME LIST VERSI TABEL

DEMO

---

Judul Anime	Total Episode	Status
AKB0048 Next Stage	13	Completed
Amnesia	12	Completed
Boku wa Tomodachi ga Sukunai Next	12	Completed
Chihayafuru 2	25	Completed
Cuticle Detective Inaba	12	Completed
Fairy Tail	?	Completed
Kotoura-san	12	Completed
Little Busters!	26	Completed
Love Live! School Idol Project	13	Completed
Magi	?	Completed
Maoyuu Maou Yuusha	12	Completed

---

Ya , Memang Simple aja kok :v Tapi Mimin lebih suka ginian :v
Langsung saja ikuti cara dibawahnya,
Pertama Silahkan Masukkan CSS dibawah ini Diatas </style> / <b:skin>

 table.easy-table-cuscosky, .easy-table-cuscosky th, .easy-table-cuscosky td {
  border: 1px solid #D4E0EE;
  border-collapse: collapse;
  font-family: "Trebuchet MS", Arial, sans-serif;
  color: #555;
}
.easy-table-cuscosky thead th, .easy-table-cuscosky tfoot th {
  text-align: center;
  background: #E6EDF5;
  color: #4F76A3;
  font-size: 100% !important;
}
table.tablesorter thead tr .easy-table-header {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center right;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
.easy-table-cuscosky tbody tr {
  background: #FCFDFE;
}
.easy-table-cuscosky tbody tr:nth-child(2n+1) td, .easy-table-cuscosky tbody tr:nth-child(2n+1) th {
  background: #F7F9FC;
}
.easy-table-cuscosky td, .easy-table-cuscosky th {
  padding: 4px;
}
table.easy-table-cuscosky, .easy-table-cuscosky th, .easy-table-cuscosky td {
  border: 1px solid #D4E0EE;
  border-collapse: collapse;
  font-family: "Trebuchet MS", Arial, sans-serif;
  color: #555;
}
a, a:visited, a:active, a:hover, .topnav li a, .topnav li ul li a, .topnav li ul li a:visited, #tabber .inside a:hover, #tabber .inside li span.meta a:hover, cite.fn a, cite.fn a:hover, .pagination a, .wp-pagenavi .on, .wp-pagenavi .current, .wp-pagenavi a:hover, .wp-pagenavi a:link, .wp-pagenavi a:visited {
  color: #26b;
}
table.easy-table-cuscosky, .easy-table-cuscosky th, .easy-table-cuscosky td {
  border: 1px solid #D4E0EE;
  border-collapse: collapse;
  font-family: "Trebuchet MS", Arial, sans-serif;
  color: #555;
} 

Setelah itu, Masukkan HTML ya post / page anda.

 <table class="easy-table easy-table-cuscosky tablesorter  table table-striped" style="margin-left: auto; margin-right: auto; width: 600px;">
<thead>
<tr><th class=" " style="text-align: left;">Judul Anime</th>
<th class=" " style="text-align: center;">Total Episode</th>
<th class=" " style="text-align: center;">Status</th>
</tr>
</thead>
<tbody>
<tr><td style="text-align: left;"><a href="http://wookap.com/akb0048-next-stage-subtitle-indonesia/">AKB0048 Next Stage</a></td>
<td style="text-align: center;">13</td>
<td style="text-align: center;">Completed</td>
</tr>
<tr><td style="text-align: left;"><a href="http://wookap.com/amnesia-subtitle-indonesia/">Amnesia</a></td>
<td style="text-align: center;">12</td>
<td style="text-align: center;">Completed</td>
</tr>
<tr><td style="text-align: left;"><a href="http://wookap.com/boku-wa-tomodachi-ga-sukunai-next-subtitle-indonesia/">Boku wa Tomodachi ga Sukunai Next</a></td>
<td style="text-align: center;">12</td>
<td style="text-align: center;">Completed</td>
</tr>
<tr><td style="text-align: left;"><a href="http://wookap.com/chihayafuru-2-subtitle-indonesia/">Chihayafuru 2</a></td>
<td style="text-align: center;">25</td>
<td style="text-align: center;">Completed</td>
</tr>
<tr><td style="text-align: left;"><a href="http://wookap.com/cuticle-detective-inaba-subtitle-indonesia/">Cuticle Detective Inaba</a></td>
<td style="text-align: center;">12</td>
<td style="text-align: center;">Completed</td>
</tr>
<tr><td style="text-align: left;"><a href="http://wookap.com/fairy-tail-subtitle-indonesia/">Fairy Tail</a></td>
<td style="text-align: center;">?</td>
<td style="text-align: center;">Completed</td>
</tr>
<tr><td style="text-align: left;"><a href="http://wookap.com/kotoura-san-subtitle-indonesia/">Kotoura-san</a></td>
<td style="text-align: center;">12</td>
<td style="text-align: center;">Completed</td>
</tr>
<tr><td style="text-align: left;"><a href="http://wookap.com/little-busters-subtitle-indonesia/">Little Busters!</a></td>
<td style="text-align: center;">26</td>
<td style="text-align: center;">Completed</td>
</tr>
<tr><td style="text-align: left;"><a href="http://wookap.com/love-live-school-idol-project-subtitle-indonesia/">Love Live! School Idol Project</a></td>
<td style="text-align: center;">13</td>
<td style="text-align: center;">Completed</td>
</tr>
<tr><td style="text-align: left;"><a href="http://wookap.com/magi-subtitle-indonesia/">Magi</a></td>
<td style="text-align: center;">?</td>
<td style="text-align: center;">Completed</td>
</tr>
<tr><td style="text-align: left;"><span style="color: magenta;"><a href="http://wookap.com/maoyuu-maou-yuusha-subtitle-indonesia/">Maoyuu Maou Yuusha</a></span></td>
<td style="text-align: center;">12</td>
<td style="text-align: center;">Completed</td>
</tr>
<tr><td style="text-align: left;"><span style="color: magenta;"><a href="http://wookap.com/minami-ke-tadaima-subtitle-indonesia/">Minami-ke Tadaima</a></span></td>
<td style="text-align: center;"></td></tr>
</tbody></table>
</div> 

CARA SETTING :
<tbody>
<tr><td style="text-align: left;"><a href="http://wookap.com/akb0048-next-stage-subtitle-indonesia/">AKB0048 Next Stage</a></td>
<td style="text-align: center;">13</td>
<td style="text-align: center;">Completed</td>

</tr>

*Merah = Link Post Animenya
*Biru = Nama Animenya
*Hijau = Episode Animenya
*Ungun = Status Animenya

Nah, Jika ada masalah silahkan komentar dibawahnya,

Pengunjung yang baik, pasti akan meninggalkan komentarnya,

Biarpun itu hanya Pertamax! / Sankyuu!

Jangan Lupa Like & Share yah ! (y)