Cara Membuat Download Box Seperti Meownime

Kijin Tutorial on

Saturday, 1 April 2017

Cara Membuat Download Box Seperti Meownime - Jika kamu mengunjungi postingan ini berarti kamu ingin membuat download box, sebelumnya apa itu download box? Mungkin ada yang belum tahu apa itu download box. Download box adalah widget yang biasanya digunakan oleh fansub atau fanshare untuk membuat link downloadnya tertata rapih. Download box ini juga membuat website mereka tampi bagus, rapih, dan juga terlihat seperti fansub atau fanshare profesional, tetapi terkadang ada fansub atau fanshare yang belum tahu cara membuat download box.

Sudah lama sekali saya tidak memposting tutorial, dikarenakan banyaknya kesibukan di dunia nyata. Sebelumnya saya mem-posting template premium yaitu Anime Pupuru Blogger Template, dan pada kesempatan kali ini saya ingin berbagi ilmu tentang Cara Membuat Cara Membuat Download Box Seperti Meownime. Download box ini merupakan request dari rauza501 jika kamu ingin me-request sesuatu kamu tinggal mengisi formulir di halaman Request, 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>.



/* Download Box Meownime - Aka321 */
.dlmn321{text-align: center;font-size: 15px}
.dlmn321 > .dlmn-head{background: #39484D;padding: 8px;font-weight: bold}
.dlmn321 > .dlmn-head span:first-child{color: #DADADA}
.dlmn321 > .dlmn-head span:last-child{color: #DA4453}
.dlmn321 .dlmn-wrap .dlmn-head{padding: 8px;border-top: 1px solid #DDDDDD}
.dlmn321 .dlmn-wrap ul{margin: 0 !important;padding: 8px !important;border-top: 1px solid #DDDDDD;background: #EEEEEE}
.dlmn321 .dlmn-wrap ul li{margin: 0 !important;padding: 0 !important;list-style: none !important}
.dlmn321 .dlmn-wrap ul li a{color:#DA4453}
.dlmn321 .dlmn-wrap ul li a:hover{color:#39484D}
.dlmn321 .dlmn-wrap ul li a:after{content:"|";color:#909090}
.dlmn321 .dlmn-wrap ul li a:after:hover{color:#909090}
.dlmn321 .dlmn-wrap .dlmn-head:hover, .dlmn321 .dlmn-wrap ul:hover{background: #F5F5F5}



2. Jika Sudah, Silahkan Simpan Template.
3. Kemudian, Saat Kamu membuat postingan baru terapkan kode download box meownime di bawah ini pada Tab HTML (Bukan Compose).



<div class='dlmn321'>
 <div class='dlmn-head'>
  <span>Link Download #1 — </span>
  <span>Mkv 720p</span>
 </div>
 <div class='dlmn-wrap'>
  <div class='dlmn-head'>
   Episode 01 — (<b>00.0 MB</b>)
  </div>
  <ul>
   <li>
    <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
    <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
    <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
   </li>
  </ul>
  <div class='dlmn-head'>
   Episode 02 — (<b>00.0 MB</b>)
  </div>
  <ul>
   <li>
    <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
    <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
    <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
   </li>
  </ul>
 </div>
</div>



4. Setelah itu, dibawah ini merupakan kode untuk menambah episode anime di download box meownime. Untuk menambahkan episode anime, silahkan salin dan terapkan pada kode diatas sesudah </ul> terakhir.



  <div class='dlmn-head'>
   Episode 00 — (<b>00.0 MB</b>)
  </div>
  <ul>
   <li>
    <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
    <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
    <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
   </li>
  </ul>



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

Kode	Pengaturan
Link Download #1 —	Ganti dengan nama anime atau ganti nomor.
Mkv 720p	Ganti dengan kualitas yang diinginkan.
Episode 01 — (<b>00.0 MB</b>)	Ganti dengan nomor episode dan size file tersebut.
#	Ganti dengan URL atau yang akan dituju.
Nama Server	Ganti dengan nama server yang akan dituju.

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.

Labels: Download Box, Tutorial

Thanks for reading Cara Membuat Download Box Seperti Meownime. Please share...!