Cara Membuat Jadwal Rilis Anime Wardhanime

Selamat datang, Kali ini di postingan yang kedua saya akan membuat tutorial membuat Jadwal Rilis Anime yang sedang ongoing. Seperti yang sudah saya katakan mungkin Tutorial ini sudah banyak di temukan dimana-mana. Jadwal Rilis yang satu ini saya buat sangat mirip seperti yang Original. Tapi kalian bisa mengkreasikan sendiri. Untuk Blogger yang sudah Pro tentunya. Karena saya masih pemula.

OK, langsung saja kita ke tutorial Tersebut. :(

Pertama seperti biasa kita akan menggunakan CSS
Masuk ke Blogger lalu masuk Template lalu Klik Edit HTML

Temukan kode <b:sikn> lalu letakkan kode berikut di bawah kode <b:skin> Atau bisa juga di atas </b:skin> Sama saja.

/* CSS Jadwal Rilis Wardhanime by Fansubloggertemplate.blogspot.com */
.jadwal {
    overflow: hidden;
}
.jadwal h1 {
    font-size: 16px;
    border-bottom: 4px solid #DDD;
    padding-bottom: 5px;
    text-align: center;
    color: #555;
    text-transform: uppercase;
}
.schlist {
    float: left;
    width: 127px;
    margin: 5px 1px;
}
.schlist h2 {
    border: 1px solid #6E9E1A;
    text-align: center;
    font-size: 13px;
    background: none repeat scroll 0% 0% #86BA2C;
    color: #FFF;
}
.schlist ul {
    margin: 1px 0px;
    padding: 0px;
    list-style: none outside none;
    border: 1px solid #DDD;
}
.schlist ul li {
    padding: 4px;
    border: 1px solid #DDD;
    margin: 1px;
}
.schlist ul li:nth-child(2n+1) {
    background: none repeat scroll 0% 0% #F7FFEA;
}

Semuanya bisa kalian ganti mulai dari Lebar dan Tinggi juga Warna Background ataupun warna tulisan. Dengan mengubah salah satunya.

Oke sekarang untuk HTML Copy kan kode di bawah ini. Biasanya ini dibuat di Halaman bukan di Postingan. Klik Page --> New Page (Untuk Judul Anime Kalian tinggal mengganti. Bebas!.)

<div class="jadwal">
<h1>Jadwal Rilis</h1>
<div class="schlist">
<h2>Senin</h2>
<ul>
<li>Grisaia no Kajitsu</li>
<li>Akame ga Kill!</li>
<li>Ookami Shoujo to Kuro Ouji</li>
<li>Nanatsu no Taizai</li>
</ul>
</div>
<div class="schlist">
<h2>Selasa</h2>
<ul>
<li>Inou-Battle wa Nichijou-kei no Naka de</li>
<li>Gugure! Kokkuri-san</li>
<li>Selector Spread WIXOSS</li>
</ul>
</div>
<div class="schlist">
<h2>Rabu</h2>
<ul>
<li>Trinity Seven</li>
<li>Mushishi Zoku Shou 2</li>
</ul>
</div>
<div class="schlist">
<h2>Kamis</h2>
<ul>
<li>Sora no Method</li>
<li>Kiseijuu: Sei no Kakuritsu</li>
<li>Naruto Shippuden</li>
</ul>
</div>
<div class="schlist">
<h2>Jumat</h2>
<ul>
<li>Danna ga Nani wo Itteiru ka Wakaranai Ken</li>
<li>Daitoshokan no Hitsujikai</li>
<li>Shigatsu wa Kimi no Uso</li>
<li>Amagi Brilliant Park</li>
<li>Denki-gai no Honya-san</li>
<li>Gundam Build Fighters Try</li>
</ul>
</div>
<div class="schlist">
<h2>Sabtu</h2>
<ul>
<li>Avatar: The Legend of Korra Book 4</li>
<li>Fairy Tail (2014)</li><li>Terra Formars</li>
<li>Psycho-Pass 2</li>
</ul>
</div>
<div class="schlist">
<h2>Minggu</h2>
<ul>
<li>Log Horizon 2</li>
<li>Sword Art Online II</li>
<li>World Trigger</li>
<li>Madan no Ou to Vanadis</li>
<li>Diamond no Ace</li>
<li>Hitsugi no Chaika: Avenging Battle</li>
<li>Fate/stay night: Unlimited Blade Works</li>
<li>Magic Kaito 1412</li>
</ul>
</div>
<div class="schlist">
<h2>Random</h2>
<ul>
<li>Pokemon XY</li>
<li>Hanamonogatari</li>
<li>Jinsei</li>
<li>Ai Tenchi Muyo!</li>
<li>Dragon Ball Kai (2014)</li>
<li>Keroro Gunsou</li>
<li>Ushinawareta Mirai wo Motomete</li>
</ul>
</div>
</div>