Cara Membuat Tabel Full Color Black

HueHueHuee ~ ini Konbawa atau Ohayou yah :v

Soalnya udah jam 1 Pagi :v Berarti Ohayou Minna-san ^^

Admin Kece , Sebelum Bobo mau Ngeshare dlu :v

Tutorial Kali ini adalah

CARA MEMBUAT TABEL FULL COLOR

Silahkan Liat DEMO ya

DEMO

Nama	Tipe	Download
Absolute Duo
"Absolute Soul" by Konomi Suzuki	OP	MP3 Single
"BelieveXBelieve" by Nozomi Yamamoto	ED1	MP3 Single
"Apple Tea no Aji" by Nozomi Yamamoto and Haruka Yamazaki	ED2	MP3
"2/2 by Ayaka Imamura and Ayaka Suwa	ED3	MP3
Akatsuki no Yona
"Akatsuki no Hana " by Cyntia	OP	MP3 Single
"Yoru" by vistlip	ED	Single
Aldonah.Zero 2
"&Z" by SawanoHiroyuki[nZk]	OP	MP3 Single

Langsung saja, Silahkan Ikuti Cara Dibawah ini ~
Kali ini Agak Simple gan ~ Karna Kalau Agan Mau naruh di EDIT HTML bisa , atau Bisa juga ditaruh ke Post / Page anda langsung ~
Yaudah Kalau ingin Menaruh di EDIT HTML , Silahkan Letakkan CSS Dibawah ini diatas </style> / </b:skin>

 table[border="1"] {
  border-collapse: collapse;
  font: normal normal 11px Arial,Sans-Serif;
  color: #ccc;
  -webkit-box-shadow: 0 1px 3px black;
  -moz-box-shadow: 0 1px 3px black;
  box-shadow: 0 1px 3px black;
}
table[border="1"] tr {
  background-color: #222;
}
table[border="1"] th {
  background-color: #555;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666',endColorstr='#555');
  background-image: -webkit-gradient(linear,left top,left bottom,from(#666),to(#555));
  background-image: -webkit-linear-gradient(top,#666,#555);
  background-image: -moz-linear-gradient(top,#666,#555);
  background-image: -ms-linear-gradient(top,#666,#555);
  background-image: -o-linear-gradient(top,#666,#555);
  background-image: linear-gradient(top,#666,#555);
  color: black;
  font-size: 12px;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
  font-weight: bold;
}
table[border="1"] th, table[border="1"] td {
  vertical-align: top;
  padding: 5px 10px;
  border: 1px solid #3c3c3c;
}
table[border="1"] td:nth-child(even) {
  background-color: #1c1c1c;
}

Lalu Letakkan HTML ya di Page / Post anda

 <table border="1" style="height: 1px; width: 100%;"><tbody>
<tr><th style="text-align: center;" valign="top"><span style="font-size: small;">Nama</span>
</th><th style="text-align: center;" valign="top">Tipe
</th><th style="text-align: center;" valign="top">Download
</th></tr>
<tr><td><b><span style="color: #6fa8dc;">Absolute Duo</span></b></td><td style="text-align: center;"><br /></td><td style="text-align: center;"><br /></td></tr>
<tr><td>"Absolute Soul" by Konomi Suzuki</td><td style="text-align: center;">OP</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-konomi-suzuki-absolute-soul,220274,list,1,2.mp3" target="_blank">MP3</a><br />
<a href="http://www.mirrorcreator.com/files/ST1O90JR/_Tiramisubs_AbsoluteD_OP.zip_links" target="_blank">Single</a></td></tr>
<tr><td>"Believe&#129;XBelieve" by Nozomi Yamamoto</td><td style="text-align: center;">ED1</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-nozomi-yamamoto-believexbelieve,220279,list,1,2.mp3" target="_blank">MP3</a><br />
<a href="http://www.mirrorcreator.com/files/SWVXQF3V/_Tiramisubs_AbsoluteD_ED.zip_links" target="_blank">Single</a></td></tr>
<tr><td>"Apple Tea no Aji" by Nozomi Yamamoto and Haruka Yamazaki</td><td style="text-align: center;">ED2</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-nozomi-yamamoto-x-haruka-yamazaki-apple-tea-no-aji,220277,list,1,2.mp3" target="_blank">MP3</a></td></tr>
<tr><td>"2/2&#129;&#141; by Ayaka Imamura and Ayaka Suwa</td><td style="text-align: center;">ED3</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-ayaka-imamura-and-ayaka-suwa-22,220278,list,1,2.mp3" target="_blank">MP3</a></td></tr>
<tr><td><b><span style="color: #6fa8dc;">Akatsuki no Yona</span></b></td><td style="text-align: center;"><br /></td><td style="text-align: center;"><br /></td></tr>
<tr><td>"Akatsuki no Hana " by Cyntia</td><td style="text-align: center;">OP</td><td style="text-align: center;"><span style="text-align: start;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-cyntia-akatsuki-no-hana,229210,gallery,1,1.mp3" target="_blank">MP3</a><br /><a href="http://www.mirrorcreator.com/files/1BT7TMMG/" target="_blank">Single</a></span></td></tr>
<tr><td>"Yoru" by vistlip</td><td style="text-align: center;">ED</td><td style="text-align: center;"><a href="http://www.mirrorcreator.com/files/1FSAJLFI/_Tiramisubs_Akatsuki_no_Yona_ED_Single.zip_links" target="_blank">Single</a></td></tr>
<tr><td><b><span style="color: #6fa8dc;">Aldonah.Zero 2</span></b></td><td style="text-align: center;"><br /></td><td style="text-align: center;"><br /></td></tr>
<tr><td>"&amp;Z" by SawanoHiroyuki[nZk]</td><td style="text-align: center;">OP</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-sawano-hiroyukinzk-z,191235,gallery,1,1.mp3" target="_blank"><span style="text-align: start;">MP3</span></a><br />
<span style="text-align: start;"><a href="http://mir.cr/0HXARNON" target="_blank">Single </a></span></td></tr>
</tbody></table>
</div>
<!-- Akhir Tab -->
<!-- BATAS AKHIR -->

Nah itu, kalau Mau Naruh ke EDIT HTML ya :v
Kalau mau Naruh di Page Langsung :3 Masukkan saja Kode dibawah ini di Post / Page anda

<style>
table[border="1"] {
  border-collapse: collapse;
  font: normal normal 11px Arial,Sans-Serif;
  color: #ccc;
  -webkit-box-shadow: 0 1px 3px black;
  -moz-box-shadow: 0 1px 3px black;
  box-shadow: 0 1px 3px black;
}
table[border="1"] tr {
  background-color: #222;
}
table[border="1"] th {
  background-color: #555;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666',endColorstr='#555');
  background-image: -webkit-gradient(linear,left top,left bottom,from(#666),to(#555));
  background-image: -webkit-linear-gradient(top,#666,#555);
  background-image: -moz-linear-gradient(top,#666,#555);
  background-image: -ms-linear-gradient(top,#666,#555);
  background-image: -o-linear-gradient(top,#666,#555);
  background-image: linear-gradient(top,#666,#555);
  color: black;
  font-size: 12px;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
  font-weight: bold;
}
table[border="1"] th, table[border="1"] td {
  vertical-align: top;
  padding: 5px 10px;
  border: 1px solid #3c3c3c;
}
table[border="1"] td:nth-child(even) {
  background-color: #1c1c1c;
}
</style>
<table border="1" style="height: 1px; width: 100%;"><tbody>
<tr><th style="text-align: center;" valign="top"><span style="font-size: small;">Nama</span>
</th><th style="text-align: center;" valign="top">Tipe
</th><th style="text-align: center;" valign="top">Download
</th></tr>
<tr><td><b><span style="color: #6fa8dc;">Absolute Duo</span></b></td><td style="text-align: center;"><br /></td><td style="text-align: center;"><br /></td></tr>
<tr><td>"Absolute Soul" by Konomi Suzuki</td><td style="text-align: center;">OP</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-konomi-suzuki-absolute-soul,220274,list,1,2.mp3" target="_blank">MP3</a><br />
<a href="http://www.mirrorcreator.com/files/ST1O90JR/_Tiramisubs_AbsoluteD_OP.zip_links" target="_blank">Single</a></td></tr>
<tr><td>"Believe&#129;XBelieve" by Nozomi Yamamoto</td><td style="text-align: center;">ED1</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-nozomi-yamamoto-believexbelieve,220279,list,1,2.mp3" target="_blank">MP3</a><br />
<a href="http://www.mirrorcreator.com/files/SWVXQF3V/_Tiramisubs_AbsoluteD_ED.zip_links" target="_blank">Single</a></td></tr>
<tr><td>"Apple Tea no Aji" by Nozomi Yamamoto and Haruka Yamazaki</td><td style="text-align: center;">ED2</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-nozomi-yamamoto-x-haruka-yamazaki-apple-tea-no-aji,220277,list,1,2.mp3" target="_blank">MP3</a></td></tr>
<tr><td>"2/2&#129;&#141; by Ayaka Imamura and Ayaka Suwa</td><td style="text-align: center;">ED3</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-ayaka-imamura-and-ayaka-suwa-22,220278,list,1,2.mp3" target="_blank">MP3</a></td></tr>
<tr><td><b><span style="color: #6fa8dc;">Akatsuki no Yona</span></b></td><td style="text-align: center;"><br /></td><td style="text-align: center;"><br /></td></tr>
<tr><td>"Akatsuki no Hana " by Cyntia</td><td style="text-align: center;">OP</td><td style="text-align: center;"><span style="text-align: start;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-cyntia-akatsuki-no-hana,229210,gallery,1,1.mp3" target="_blank">MP3</a><br /><a href="http://www.mirrorcreator.com/files/1BT7TMMG/" target="_blank">Single</a></span></td></tr>
<tr><td>"Yoru" by vistlip</td><td style="text-align: center;">ED</td><td style="text-align: center;"><a href="http://www.mirrorcreator.com/files/1FSAJLFI/_Tiramisubs_Akatsuki_no_Yona_ED_Single.zip_links" target="_blank">Single</a></td></tr>
<tr><td><b><span style="color: #6fa8dc;">Aldonah.Zero 2</span></b></td><td style="text-align: center;"><br /></td><td style="text-align: center;"><br /></td></tr>
<tr><td>"&amp;Z" by SawanoHiroyuki[nZk]</td><td style="text-align: center;">OP</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-sawano-hiroyukinzk-z,191235,gallery,1,1.mp3" target="_blank"><span style="text-align: start;">MP3</span></a><br />
<span style="text-align: start;"><a href="http://mir.cr/0HXARNON" target="_blank">Single </a></span></td></tr>
<tr><td>"GENESIS" by Eir Aoi&nbsp;</td><td style="text-align: center;">ED</td><td style="text-align: center;"><span style="text-align: start;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-eir-aoi-genesis,220084,list,1,2.mp3" target="_blank">MP3</a><br /><a href="http://www.mirrorcreator.com/files/0BCAQRBX/_Tiramisubs_AZ_ED3.zip_links" target="_blank">Single</a></span></td></tr>
<tr><td><span style="color: #6fa8dc;"><b>Ansatsu Kyoushitsu /&nbsp;Assassination Classroom</b></span></td><td style="text-align: center;"><br /></td><td style="text-align: center;"><br /></td></tr>
<tr><td>"Seishun Satsubatsuron" by 3-nen E-Gumi Utatan&nbsp;</td><td style="text-align: center;">OP</td><td style="text-align: center;"><span style="text-align: start;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-3-nen-e-gumi-utatan-seishun-satsubatsuron,229198,list,1,1.mp3" target="_blank">MP3</a></span><br />
<span style="text-align: start;"><a href="http://www.mirrorcreator.com/files/17QJIWKD/_Tiramisubs_Ansatsu_OP.zip_links" target="_blank">Single</a></span></td></tr>
<tr><td>"Hello, shooting-star" by moumoon</td><td style="text-align: center;">ED</td><td style="text-align: center;"><span style="text-align: start;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-moumoon-hello-shooting-star,197860,gallery,1,1.mp3" target="_blank">MP3</a></span><br />
<a href="http://www.mirrorcreator.com/files/DMQY9TOV/_Tiramisubs_AC_ED_0.zip_links" target="_blank">Single</a></td></tr>
</tbody></table>
</div>
<!-- Akhir Tab -->
<!-- BATAS AKHIR -->

Nah Segitu saja ya :v
Mimin Mau bobo dulu :v
Jika ada masalah silahkan Komentar dibawahnya ~

Pengunjung yang baik pasti akan meninggalkan Komentar,

Biarpun itu hanya Pertamax! / Sankyuu

7 Comments for "Cara Membuat Tabel Full Color Black"

iMoechan

24 Maret 2015 pukul 08.15

minyak :v
+ pertamina :v

24 Maret 2015 pukul 08.36

Warna background nya itu bisa di ubah yah gan? code warnanya apa yah?

24 Maret 2015 pukul 13.01

thanks banget min :D

24 Maret 2015 pukul 13.31

Sama-sama gan ~ :3

24 Maret 2015 pukul 13.38

ok min thanks banget nih, berhasil nih css & html-nya :3

ini ane gabungin sama yg kemaren jadi sama kaya tiramisub bisa dibuka tutup, jadi manteb dah :3

24 Maret 2015 pukul 14.02

Sip :3

25 Maret 2015 pukul 04.18

Siip gan