Cara Membuat Anime List Versi Tabel V2

Kali ini saya mau berbagi cara membuat Anime List Versi Tabel yang tidak Otomatis :v

Penampakan

---

Judul Anime	Total Episode	Status
AKB 69 - Ikeh ikeh Kimochii	69	COMPLETE
AKB 48 (Andika Kangen Band 4kali nikah 8kali pacaran)	-	ON GOING
JAV (Japan Anime Video)	15	ON GOING
JAV (Japan Adult Video)	82	PUASA WOI!!

---

Sengaja nggak dibuat mirip sama yang direquest dan ini juga udah dibuat supaya responsive

Cara pembuatan:
Pertama kalian cari CSS Table di blog kalian,
kemudian ganti dengan CSS Table dibawah ini

table{border-collapse:collapse;border-spacing:0;width:720px;border:1px solid #ddd;border-bottom:none!important;margin:10px 0}
tbody tr:nth-child(even){background:#f6f6f6}
th{font-family:'Yanone Kaffeesatz',sans-serif;background:#BDC3C7;border:1px solid #BDC3C7;color:#fff;text-align:left;padding:10px;font-size:20px;text-transform:uppercase;font-weight:400}
td{border-left:1px solid #ddd;border-bottom:1px solid #ddd;text-align:left;padding:10px}
td:first-child{border-left:none}
@font-face{font-family:TablePress;src:url(tablepress.eot);src:url(tablepress.eot?#ie) format('embedded-opentype'),url(data:application/x-font-woff;base64,d09GRgABAAAAAAXYAAwAAAAACXwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABHAAAABwAAAAcZInHOk9TLzIAAAE4AAAAPgAAAGB7NXPDY21hcAAAAXgAAABMAAABUvD45QVnYXNwAAABxAAAAAgAAAAIAAAAEGdseWYAAAHMAAABKQAAAgjYVHFyaGVhZAAAAvgAAAAvAAAANv2jaBNoaGVhAAADKAAAAB0AAAAkCk0F6GhtdHgAAANIAAAAIAAAACgoAADqbG9jYQAAA2gAAAAWAAAAFgJWAbxtYXhwAAADgAAAAB0AAAAgAE4AH25hbWUAAAOgAAAB3AAAA43ZugaUcG9zdAAABXwAAABZAAAAgeNVfAkAAAABAAAAAMwXcmMAAAAAy1XFoAAAAADNHI82eJxjYGbexjiBgZWBhaWHxZiBgaENQjMVM0SB+ThBQWVRMYPDh+APd9gY/gP5bAyMykCKEUmJAgMjAC56Ct8AAHicY2BgYGaAYBkGRgYQ8AHyGMF8FgYDIM0BhEwMDB9CPtz6cOf/fyAr+MN1EIt/A78evy5UFxgwsjHAuYxAPSB9KICRYdgDAL67D8kAAQAB//8AD3icXU/NTsJAEJ5ZFggxxmCbkiwHAzLTowlu4ejeyxPwCOBR7r3rE/geeubuG3i3TyGts12MtT18ndnd7w8QsvpdX/Q/IAboI9s1rpY3mMTDkcAVDuaqPD0RqRfaU05UGSxJhj2p5wDNUplqyjsZQT6EQ/2mc9GcyBIPReQOObPrkccHMZhgonMS3R1tiLCsDNFm8bgQF3W06ekgqqnN5Aa//D9nlrOgDeg09Aq4lK3RTiX16n621BBVLrIe2PQK09s2c4THyPIvF4TrAndwO5uHvhPUwOa7MNw8FsCtZfZDJBKB66BQhW58cRwHW09OVMEtI+3aOhEHX+E63crM2dh6X+WazMFLvf6F57OvAqiPGvo+87Tb+LrT4X9/7lT6bKXs9vsByDlkyAAAAHicY2BkYGAA4mO9Sxji+W2+MnCzM4DAWZl+bwT9fyuLN+tpIJeDgQkkCgAbqgoOAHicY2BkYGBj+HeXgYGdAQRYvBkYGVABFwA+hgJEAAAAeJxjZ4AAdiBmaWAwBeJSFhAbiJkaGByAGMwGADa+AxEAAAAAAAAAAAAqAFgAdgCUALIA0AEEAAB4nGNgZGBg4GKQYWBiAAEQycgAEnMA8xkABjEAbgAAAHicjZJBaxNBFMf/u0mbJoig5KC3QcRblt2tFCm9lEp701iKIHiZJLPJ0mSnzE5S8h38BB79Nn4ab94E/zN9JVB7MCEzv/3Pm/f+720ADPEbCe4/qXCCAV4Kp+jhrXAHGb4Ld/Ecv4T38Cx5I7yPQfJBuIdPyR/hAzxJa+E+Buk3Zku6fal8xwn9dIRTPMVr4Q6+4kS4S/Wn8B5eJanwPobJO+EefiRfhA/wIv0o3Mcw3YRyV9CYYAmDMRzXll9c6cnSjJ1pyZcU51gzRDMAl2a+XmrCOSwa+Lg7RhgolJxKzv2Yv8cSqwfZ7iILHGHEdcT7OfdDJreNP7dublSZ5epY7QwpMUCxOBoVozIvDh/v4mEx/JsE+MwQx+A6dhO8hA7y2EvwUjLEuLa2jSqyPFcsV/7H0MbxUFMOYwkhVSykODAb10U8OePTDbY8qel0QV3FO1PSvaUqDnh3p5LBB8WxxozqKnZ4TU1T9THfhJ3vsjTcw9M02s1ocWl0a5QzlXHKW+UXRp3Zm62r5wuvWjP1oenKunhS8YUo7/TMrLS7Vtp7V0/WMaSxvp6aNoP8FYKzU9zGOpbOTHidzqvTW9PaFZ/e0+QmtnJBatjAlqLeGHWhm9kWfwGPR6C4eJxjYGIAg/9VDFEM2AAXEDMyMDEyMTIzsjCyMrIxsjNy8CRnpJYV5efF56SmlfDCOEWZ6RklXMmJRakl8Sn55XkcEGZpAVQMpJgbwgQrZSnOLyoBACnGHqgAAAA=) format('woff'),url(tablepress.ttf) format('truetype'),url(tablepress.svg#TablePress) format('svg');font-weight:400;font-style:normal}.tablepress-table-description{clear:both;display:block}.tablepress{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:1em;border:none}.tablepress td,.tablepress th{padding:8px;border:none;background:0 0;text-align:left}.tablepress tbody td{vertical-align:top}.tablepress [class*=column]+[class*=column]:last-child{float:none}.tablepress tbody td,.tablepress tfoot th{border-top:1px solid #ddd}.tablepress tbody tr:first-child td{border-top:0}.tablepress thead th{border-bottom:1px solid #ddd}.tablepress tfoot th,.tablepress thead th{background-color:#d9edf7;font-weight:700;vertical-align:middle}.tablepress .odd td{background-color:#f9f9f9}.tablepress .even td{background-color:#fff}.tablepress .row-hover tr:hover td{background-color:#f3f3f3}.tablepress img{margin:0;padding:0;border:none;max-width:none}.tablepress{clear:both;margin:0!important}

Setelah itu kalian letakan kode HTMLnya pada postinga kalian

<table id="tablepress-1" class="tablepress tablepress-id-1">
<thead>
<tr class="row-1 odd">
<th class="column-1"><div>Judul Anime</div></th><th class="column-2"><div style="text-align: center">Total Episode</div></th><th class="column-3"><div style="text-align: center">Status</div></th>
</tr>
</thead>
<tbody class="row-hover">
<tr class="row-2 even">
<td class="column-1"><a href="/2013/11/AKB-69.html">AKB 69 - Ikeh ikeh Kimochii</a></td><td class="column-2" style="text-align: center">69</td><td class="column-3"style="text-align: center">COMPLETE</td>
</tr>
<tr class="row-3 odd">
<td class="column-1"><a href="/2013/11/AKB-48.html">AKB 48 (Andika Kangen Band 4kali nikah 8kali pacaran)</a></td><td class="column-2"style="text-align: center">-</td><td class="column-3"style="text-align: center">ON GOING</td>
</tr>
<tr class="row-4 even">
<td class="column-1"><a href="/2013/11/japan-anime-video.html">JAV (Japan Anime Video)</a></td><td class="column-2"style="text-align: center">15</td><td class="column-3"style="text-align: center">ON GOING</td>
</tr>
<tr class="row-5 odd">
<td class="column-1"><a href="/2013/11/Jav.html">JAV (Japan Adult Video)</a></td><td class="column-2"style="text-align: center">82</td><td class="column-3"style="text-align: center">PUASA WOI!!</td>
</tr>
</tbody>
</table>

Untuk menambahkan Jumlahnya kalian tinggal menambahkan kode ini

<tr class="row-6 even">
<td class="column-1"><a href="/2013/11/japan-anime-video.html">JAV (Japan Anime Video)</a></td><td class="column-2"style="text-align: center">15</td><td class="column-3"style="text-align: center">ON GOING</td>
</tr>
<tr class="row-7 odd">
<td class="column-1"><a href="/2013/11/Jav.html">JAV (Japan Adult Video)</a></td><td class="column-2"style="text-align: center">82</td><td class="column-3"style="text-align: center">PUASA WOI!!</td>
</tr>

Jika ada masalah silahkan melapor ke ketua RT Setempat