Cara Membuat Jadwal Rilis Ala Wardhanime :)

Cara Membuat Jadwal Rilis Ala Wardhanime :)

Oke langsung aja kita ke cara pemasangan Jadwal Rilis Seperti Wardhanime, tapi sedikit saya modifikasi lagi, biar nggak terlalu sama ntar disangka plagiat. Sekali lagi tutorial ini terinspirasi dari Jadwal rilis dari Wardhanime.

Pertama Buat Halaman baru di Blogger dan Beri judul Jadwal Rilis atau Terserah kalian,

lalu buka tab "HTML" di samping "Compose", dan masukkan CSS berikut 

<style> 
.schlist {
    float: left;
    width: 127px;
    margin: 5px 1px;
}
.schlist h2 {
    border: 1px solid #1A459E;
    text-align: center;
    font-size: 13px;
    background: #2c65ba;
    color: #FFF;
}
.schlist ul {
    margin: 1px 0;
    padding: 0;
    list-style: none;
    border: 1px solid #DDD;
}
.schlist ul li {
    padding: 4px;
    border: 1px solid #DDD;
    margin: 1px;
}
.schlist ul li:nth-child(2n+1) {
    background: #F7FFEA;
}
</style> 

Lalu Masukkan juga HTML nya, agar Jadwal Rilisnya bisa muncul, copy HTML berikut ke tab HTML tadi.

<div class="schlist">
<h2>Senin</h2>
<ul>
<li>Fate/Apocrypha</li>
<li>Keppeki Danshi! Aoyama-kun</li>
<li>Jikan no Shihaisha</li>
</ul>
</div>

Terakhir Publish halaman tersebut, dan selesai.
Untuk Preview Jadwal Rilis nya di bawah ini!

See the Pen Jadwal Rilis Awsubs by hilmanfad (@hilmanfad) on CodePen.