Cara Membuat Jadwal Rilis Seperti Tonansub 2014

Cara Membuat Jadwal Rilis Seperti Tonansub 2014 - Jadwal Rilis biasanya digunakan fansub agar para pengunjung tahu kapan anime yang di inginkannya rilis.

Pada kesempatan kali ini saya ingin berbagi ilmu tentang Cara Membuat Jadwal Rilis Seperti Tonansub 2014. Langsung saja kamu  ikuti langkah-langkah di bawah ini.

• Pertama, Buka Blogger > Edit HTML > Salin, Terapkan dan Simpan Kode di bawah ini sebelum </b:skin> atau </style>

/* CSS Jadwal Rilis Tonansub 2014 - Aka321 */
.list-group{margin-bottom: 20px}
.ani-rilis{color: #fff;background-color: #428bca !important;display: block;padding: 10px 15px;border: 1px solid #428bca !important}
.list-item{display: block;padding: 10px 15px;background-color: #fff;border: 1px solid #ddd;margin-bottom: -1px}
.list-item a:visited:hover{text-decoration: none}
.list-item a:link:hover{color: #222;text-decoration: none}
.list-item a:visited{color: #222;text-decoration: none}
.list-item a:link{color: #398dcc;text-decoration: none;outline: none;transition: all 0.25s}
.waktu{float: right;padding: 3px 8px;font-size: 12px;font-weight: bold;line-height: 1;color: #fff;text-align: center;background-color: #555;border-radius: 3px}

• Jika sudah, Buat postingan baru di halaman statis > Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose).

<div class="jadwal-rilis">
<div class="list-group">
<div class="list-item ani-rilis">
Senin</div>

<!-- KODE UNTUK ANIME "SENIN" DISINI -->

</div>
<div class="list-group">
<div class="list-item ani-rilis">
Selasa</div>

<!-- KODE UNTUK ANIME "SELASA" DISINI -->

</div>
<div class="list-group">
<div class="list-item ani-rilis">
Rabu</div>

<!-- KODE UNTUK ANIME "RABU" DISINI -->

</div>
<div class="list-group">
<div class="list-item ani-rilis">
Kamis</div>

<!-- KODE UNTUK ANIME "KAMIS" DISINI -->

</div>
<div class="list-group">
<div class="list-item ani-rilis">
Jum'at</div>

<!-- KODE UNTUK ANIME "JUM'AT" DISINI -->

</div>
<div class="list-group">
<div class="list-item ani-rilis">
Sabtu</div>

<!-- KODE UNTUK ANIME "SABTU" DISINI -->

</div>
<div class="list-group">
<div class="list-item ani-rilis">
Minggu</div>

<!-- KODE UNTUK ANIME "MINGGU" DISINI -->

</div>
<div class="list-group">
<div class="list-item ani-rilis">
Random</div>

<!-- KODE UNTUK ANIME "RANDOM" DISINI -->

</div>
</div>

• Setelah itu dibawah ini merupakan kode untuk menambahkan Anime pada Jadwal Rilis.

<div class="list-item">
<span class="waktu"> JAM RILIS </span>
<a href=" LINK ANIME " target="_blank"> NAMA ANIME </a>
</div>

• Jika sudah silahkan ganti kode yang sudah saya tandai sesuai keinginanmu lalu di publikasikan dan lihat bagaimana hasilnya.

• Demo

Sekian Ilmu yang saya bagikan hari ini. Semoga bermanfaat. Sampai jumpa di Tutorial selanjutnya.