√ Cara Memasang Jadwal Rilis Anime di Blogger

Cara Memasang Jadwal Rilis Anime di Blogger

9/14/2018

Jadwal rilis adalah keterangan yang biasa digunakan di situs fansub atau fanshare agar pengunjung mereka tahu kapan anime yang ingin di lihatnya atau di downloadnya akan muncul atau rilis.

Namun masih banyak fansub atau fanshare yang belum mengetahui cara membuat jadwal rilis, maka dari itu saya membuat tips Cara Memasang Jadwal Rilis Anime di Blogger.

Cara Memasang Jadwal Rilis Anime di Blogger

Buka Blogger > Tema > Klik tombol Edit HTML dan tambahkan kode CSS di bawah ini sebelum </b:skin> atau </style>

/* Jadwal Rilis Anime */
.namina-fix{width:25%;float:left}
.namina-wrap{padding:10px 4px 10px}
.namina-title{color:#fff;font-family:sans-serif;text-align:center;padding:20px 10px;text-transform:uppercase;font-size:22px;font-weight:bold}
.namina-fix:nth-child(1) .namina-title{background:#0098FD;border-bottom:5px solid #007dd0}
.namina-fix:nth-child(2) .namina-title{background:#3db300;border-bottom:5px solid #308e00}
.namina-fix:nth-child(3) .namina-title{background:#c1004f;border-bottom:5px solid #9e0041}
.namina-fix:nth-child(4) .namina-title{background:#ff5722;border-bottom:5px solid #ce4115}
.namina-fix:nth-child(5) .namina-title{background:#008287;border-bottom:5px solid #00696d}
.namina-fix:nth-child(6) .namina-title{background:#7200ac;border-bottom:5px solid #5d008c}
.namina-fix:nth-child(7) .namina-title{background:#f58500;border-bottom:5px solid #bd6700}
.namina-fix:nth-child(8) .namina-title{background:#8c0000;border-bottom:5px solid #610000}
.namina-wrap ul{margin:0!important;padding:0!important;color:#333;background:#ebebeb}
.namina-wrap ul li{list-style:none;padding:7px 12px!important;transition:all 0.3s;margin:0!important}
.namina-wrap ul li:hover{background:#ddd}
.namina-wrap ul li a{color:#333}
.namina-wrap ul li a:hover{color:#333}

Setelah itu klik tombol Simpan tema dan saat membuat postingan baru, tambahkan kode di bawah ini di dalam post pada tab HTML (Bukan Compose) kemudian ganti link dan keterangan sesuai dengan kebutuhan

<div class='naminakikyx'>
   <div class='namina-fix'>
      <div class='namina-wrap'>
         <div class='namina-title'>Senin</div>
         <ul>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
         </ul>
      </div>
   </div>
   <div class='namina-fix'>
      <div class='namina-wrap'>
         <div class='namina-title'>Selasa</div>
         <ul>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
         </ul>
      </div>
   </div>
   <div class='namina-fix'>
      <div class='namina-wrap'>
         <div class='namina-title'>Rabu</div>
         <ul>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
         </ul>
      </div>
   </div>
   <div class='namina-fix'>
      <div class='namina-wrap'>
         <div class='namina-title'>Kamis</div>
         <ul>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
         </ul>
      </div>
   </div>
   <div class='namina-fix'>
      <div class='namina-wrap'>
         <div class='namina-title'>Jumat</div>
         <ul>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
         </ul>
      </div>
   </div>
   <div class='namina-fix'>
      <div class='namina-wrap'>
         <div class='namina-title'>Sabtu</div>
         <ul>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
         </ul>
      </div>
   </div>
   <div class='namina-fix'>
      <div class='namina-wrap'>
         <div class='namina-title'>Minggu</div>
         <ul>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
         </ul>
      </div>
   </div>
   <div class='namina-fix'>
      <div class='namina-wrap'>
         <div class='namina-title'>Random</div>
         <ul>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
         </ul>
      </div>
   </div>
</div>

Setelah itu klik Publikasikan post dan lihat hasilnya di blog Anda.