07 November 2016

Cara Membuat Anime Info Seperti Nekonime

Cara Membuat Anime Info Seperti Nekonime - Anime Info atau Informasi Anime biasa digunakan Fansub atau Fanshare agar pengunjung mengetahui sinopsis, jumlah episode, rating, genre, durasi dari anime tersebut. Biasanya dalam Anime Info juga terdapat tabel episode anime untuk mempermudah pengunjung mendownload anime favoritnya.

Cara Membuat Anime Info Seperti Nekonime, Cara Membuat Anime Info Seperti Fansub, Cara Membuat Anime Info Fansub, Cara Membuat Fansub, Cara Membuat Seperti Nekonime, Aka321, Aka321.blogspot.com, Tutorial Fansub, Cara Membuat Fansub

Sebelumnya saya sudah membagikan ilmu tentang Cara Membuat Anime Info Seperti Wardhanime. Pada kesempatan kali ini saya akan berbagi ilmu tentang Cara Membuat Anime Info Seperti Nekonime. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.

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

/* CSS Anime Info Nekonime - Aka321 */
.ainn321 h2{font-family: 'Open sans', sans-serif;font-weight: bold;color: #494949;font-size: 14px;border-bottom: 3px solid #23B95D;margin-bottom: 8px;padding: 4px 0}
.ainn321 .infoanime{overflow: hidden}
.ainn321 .infoimg{float: left;margin-right: 8px}
.ainn321 .infoimg img{width: 180px;height: 255px;border: 1px solid #DDD;padding: 4px;background: #FFF}
.ainn321 .totalwrap{width: 135px;float: right;margin-left: 10px;overflow: hidden;text-align: center}
.ainn321 .totalwrap h2{border-bottom: 0;font-weight: bold;font-size: 12px;text-align: center;padding: 3px 0;background: #313B42;color: #FFF;margin: 0 0 1px 0}
.ainn321 .totalwrap .totaleps{font-size: 27px;text-align: center;padding: 3px 0;font-weight: bold;font-family: 'Open sans', sans-serif;background: #FFF}
.ainn321 .totalwrap .totaleps a{color:#222;text-decoration:none}
.ainn321 .totalwrap h3{margin: 0;font-size: 12px;font-family: 'Open sans', sans-serif;text-align: center;padding: 3px 0;background: #23B95D;color: #FFF}
.ainn321 .infolist{font-family: 'Open sans', sans-serif;font-size: 12px;line-height: 20px}
.ainn321 .infolist .item a{color: #000;text-decoration: none}
.ainn321 .synopsis{text-align: justify;font-size: 14px;margin: 10px 0;font-family: 'Open sans', sans-serif;background: #FFF8D0;border: 1px solid #F5DFA7;padding: 10px}
.ainn321 .synopsis0{color: #333333;font-size: 12px;font-family: 'Open sans',sans-serif}
.ainn321 .epslist{width: 100%;margin: 0;padding: 0;border-collapse: collapse;border-spacing: 0;}
.ainn321 .epslist th{text-align:left;padding: 4px 0;color: #444;font-weight: bold;font-size: 12px;margin-bottom: 1px;font-family: helvetica,sans-serif;border-bottom: 2px solid #23B95D !important;background:#fff;}
.ainn321 .epslist th, .ainn321 .epslist td {border:0px;}
.ainn321 .epslist th.dt{text-align: center}
.ainn321 .epslist tr:nth-child(odd){background: ##FFFFFF}
.ainn321 .epslist tr:nth-child(even){background: #FAFAFA}
.ainn321 .epslist tr:hover{background: #FAFAFA !important}
.ainn321 .epslist td{border: 0px !important;padding: 0 5px;line-height: 25px;height: 25px;border-bottom: 1px solid #F0F0F0 !important;}
.ainn321 .epslist td.dt{width: 132px;text-align: center;font-family: 'Open sans', sans-serif;font-size: 12px;}
.ainn321 .epslist td:hover {background: transparent;}
.ainn321 .epslist a{font-size: 12px;color: #505050;font-family: 'Open sans', sans-serif;text-decoration: none}

  • Jika Sudah, Silahkan Simpan Template.

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

<div class="ainn321">
 <h2>Judul Anime</h2>
 <div class="infoanime">
  <div class="infoimg">
   <img src=" Link Gambar/Cover Anime " alt="Judul Anime"/>
  </div>
  <div class="totalwrap">
   <h2>Total</h2>
   <div class="totaleps">
    <a href="#">Total Episode Anime</a>
   </div>
   <h3>Episode</h3>
  </div>
  <div class="infolist">
   <div class="item"><b>Nama Jepang:</b> Nama Lain / Nama Jepang Anime</div>
   <div class="item"><b>Produser:</b> Produser Anime</div>
   <div class="item"><b>Tipe:</b> Tipe Anime</div>
   <div class="item"><b>Status:</b> Status Anime</div>
   <div class="item"><b>Genre:</b>
    <a href="Link Genre">Genre Anime</a>,
    <a href="Link Genre">Genre Anime</a>,
    <a href="Link Genre">Genre Anime</a>
   </div>
   <div class="item"><b>Durasi:</b> Durasi Anime</div>
   <div class="item"><b>Rating:</b> Rating Anime</div>
   <div class="item"><b>Ditambahkan pada:</b> Tanggal Rilis Anime</div>
  </div>
 </div>
 <div class="synopsis">
  <b>Sinopsis:</b></br>
  <span class="synopsis0">
   <p>Sinopsis Anime</p>
  </span>
 </div>
 <table class="epslist">
  <thead>
   <tr>
    <th>Download Nama Anime</th>
    <th class="dt">Tanggal</th>
   </tr>
  </thead>
  <tbody>
   <tr>
    <td>
     <a href="#">Judul Anime</a>
    </td>
    <td class="dt">
     Tanggal Rilis Anime
    </td>
   </tr>
  </tbody>
 </table>
</div>

  • Setelah itu, dibawah ini merupakan kode untuk menambah episode anime di anime info. Untuk menambahkan episode anime, silahkan salin dan terapkan pada kode diatas sebelum </tbody>.

   <tr>
    <td>
     <a href="#">Judul Anime</a>
    </td>
    <td class="dt">
     Tanggal Rilis Anime
    </td>
   </tr>

  • Jika sudah, silahkan kamu ganti kode yang sudah ditandai sesuai dengan tanda kode tersebut. Lalu, publikasikan dan lihat bagaimana hasilnya.


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

Artikel Terkait

1 komentar so far

Komentar ini telah dihapus oleh pengarang.

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