28 April 2016

Cara Membuat Jadwal Rilis Seperti Wardhanime 2014

Cara Membuat Jadwal Rilis Seperti Wardhanime 2014 - Jadwal Rilis biasa digunakan Fansub atau Fanshare agar pengunjung mudah  mengetahui kapan anime yang diinginkannya rilis.

Cara Membuat Jadwal Rilis Seperti Wardhanime 2014, Cara Membuat Jadwal Rilis Seperti Wardhanime, Cara Membuat Jadwal Rilis Seperti Fansub, Cara Membuat Jadwal Rilis Wardhanime, Cara Membuat Jadwal Rilis Fansub


Pada kesempatan kali ini saya ingin berbagi tentang Cara Membuat Jadwal Rilis Seperti Wardhanime di tahun 2014. Jadwal Rilis Wardhanime ini saya modifikasi lagi agar tampilannya juga tidak ketinggalan jaman. Jika ingin membuatnya bisa 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 Wardhanime 2014 - Aka321 */
.JRAWInfo {text-align: center;font-size: 13px;margin-bottom: 5px;}
.JRAW2014 table{margin:0;max-width: 100%;width: 100%;border-collapse: collapse;border-spacing: 0;}
.JRAW2014 tr:first-child td {background:#408CC0;color:#fff;font-weight: bold;font-family:sans-serif;font-size:15px;text-align:center;border: 1px solid #28658F;}
.JRAW2014 td{text-align:center !important;border: 1px solid #BDBDBD;vertical-align: middle !important;padding: 10px !important;font-weight: bold;}
.JRAW2014 td:hover{background:transparent;}
.JRAW2014 tr:nth-child(even) {background-color: #ededed;}
.JRAW2014 tr:nth-child(odd) {background-color: #f7f7f7;}
.JRAW2014 ol {margin:0;margin: 0;counter-reset: li;list-style: none;text-shadow: 0 1px 0 rgba(255,255,255,.5);padding: 0;font: 15px 'Open Sans', 'lucida sans';}
.JRAW2014 ol li {background: transparent;text-align: justify;color: #444;padding: 0 !important;position: relative;display: block;margin: .5em 0 .5em 2.5em;text-decoration: none;}
.JRAW2014 ol li:before {content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;}

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

<div class="JRAW" >
    <div class="JRAWInfo">*Jadwal ini dapat berubah sewaktu-waktu sesuai situasi dan kondisi</div>
    <div class="JRAW2014">
        <table>
            <tbody>
                <tr>
                    <td>
                        <span>Hari</span>
                    </td>
                    <td>
                        <span>Judul Anime</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>Senin</span>
                    </td>
                    <td>

   <!-- KODE UNTUK ANIME "SENIN" DISINI -->
     
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>Selasa</span>
                    </td>
                    <td>


   <!-- KODE UNTUK ANIME "SELASA" DISINI -->
     
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>Rabu</span>
                    </td>
                    <td>

   <!-- KODE UNTUK ANIME "RABU" DISINI -->
     
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>Kamis</span>
                    </td>
                    <td>


   <!-- KODE UNTUK ANIME "KAMIS" DISINI -->
     
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>Jumat</span>
                    </td>
                    <td>


   <!-- KODE UNTUK ANIME "JUM'AT" DISINI -->
     
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>Sabtu</span>
                    </td>
                    <td>


   <!-- KODE UNTUK ANIME "SABTU" DISINI -->
     
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>Minggu</span>
                    </td>
                    <td>


   <!-- KODE UNTUK ANIME "MINGGU" DISINI -->
     
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>Random</span>
                    </td>
                    <td>

   <!-- KODE UNTUK ANIME "RANDOM" DISINI -->
      
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

  • Setelah itu, dibawah ini merupakan kode untuk menambah anime di jadwal rilis. Untuk menambahkan anime, silahkan salin dan terapkan di kode diatas.

                        <ol>
                            <li>NAMA ANIME</li>
                            <li>NAMA ANIME</li>
                            <li>NAMA ANIME</li>
                            <li>NAMA ANIME</li>
                            <li>NAMA ANIME</li>
                        </ol>

  • Jika sudah silahkan publikasikan dan lihat bagaimana hasilnya.


Sekian ilmu yang saya bagikan hari ini. Semoga bermanfaat. Terima kasih.

Artikel Terkait

1 komentar so far

Artikel dan gambar di blog agan keren keren, tinggal ganti domain pasti joss ni blog, nice artikel gan.

Silakan tambahkan komentar sesuai dengan topik dan komentar dengan link akan dihapus, terima kasih.
EmoticonEmoticon