Cara Membuat Jadwal Rilis Seperti Animeindo

Cara Membuat Jadwal Rilis Seperti Animeindo - Jadwal rilis adalah widget yang biasa di gunakan atau dipakai 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 tutorial ini.

Karena sudah lama sekali saya tidak memposting cara membuat jadwal rilis, dan ini saatnya saya memposting pembuatan jadwal rilis dari fanshare yaitu Animeindo. Sebelumnya saya memposting tentang pembuatan anime list yaitu Cara Membuat Anime List Seperti Meongs. Dan pada kesempatan kali ini saya ingin berbagi ilmu tentang Cara Membuat Jadwal Rilis Seperti Animeindo. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.

1. Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum </b:skin> atau </style>.



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



2. Jika sudah, silahkan simpan template.
3. Kemudian, buat postingan baru di halaman statis > Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose).



<div class='jrai321'>
 <div class='jrai-fix'>
 <div class='jrai-wrap'>
  <div class='jrai-title'>Senin</div>

  <!-- KODE UNTUK ANIME "SENIN" DISINI -->
  
 </div>
 </div>
 <div class='jrai-fix'>
 <div class='jrai-wrap'>
  <div class='jrai-title'>Selasa</div>

  <!-- KODE UNTUK ANIME "SELASA" DISINI -->
 
 </div>
 </div>
 <div class='jrai-fix'>
 <div class='jrai-wrap'>
  <div class='jrai-title'>Rabu</div>

  <!-- KODE UNTUK ANIME "RABU" DISINI -->
  
 </div>
 </div>
 <div class='jrai-fix'>
 <div class='jrai-wrap'>
  <div class='jrai-title'>Kamis</div>

  <!-- KODE UNTUK ANIME "KAMIS" DISINI -->
  
 </div>
 </div>
 <div class='jrai-fix'>
 <div class='jrai-wrap'>
  <div class='jrai-title'>Jumat</div>

  <!-- KODE UNTUK ANIME "JUMAT" DISINI -->
  
 </div>
 </div>
 <div class='jrai-fix'>
 <div class='jrai-wrap'>
  <div class='jrai-title'>Sabtu</div>

  <!-- KODE UNTUK ANIME "SABTU" DISINI -->
  
 </div>
 </div>
 <div class='jrai-fix'>
 <div class='jrai-wrap'>
  <div class='jrai-title'>Minggu</div>

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

 </div>
 </div>
 <div class='jrai-fix'>
 <div class='jrai-wrap'>
  <div class='jrai-title'>Random</div>

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

 </div>
 </div>
</div>



4. Setelah itu, dibawah ini merupakan kode untuk menambah anime di jadwal rilis animeindo. Untuk menambahkan anime, silahkan salin dan terapkan kode dibawah ini di bawah kode yang sudah ditandai.



  <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>



5. Jika sudah, silahkan kamu mengganti kode yang sudah ditandai sesuai keinginanmu, dan silahkan di publikasikan lalu lihat bagaimana hasilnya.

Kode	Pengaturan
<!-- KODE UNTUK ANIME "RANDOM" DISINI -->	Ganti dengan kode untuk menambah anime.
#	Ganti dengan URL atau Link anime yang akan dituju.
Nama Anime	Ganti dengan Nama Anime tersebut.

Live Preview

Sekian postingan kali ini semoga bermanfaat untuk kalian, jangan lupa di bagikan ke teman-teman, dan jika ada yang ingin ditanyakan silahkan bertanya di kolom komentar. Sampai jumpa di tutorial berikutnya Terima kasih.