01 April 2017

Cara Membuat Download Box Seperti Meownime

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.

Cara Membuat Download Box Seperti Meownime, Tutorial Membuat Download Box Seperti Meownime, Widget Download Box Meownime, Cara Membuat Download Box Fansub, Tutorial Membuat Download Box Fansub, Cara Membuat Link Download Fansub, Download Box Fansub, Download Box Fanshare, Download Box Website Anime, How To Make Download Box Fansub, Download Box Fansub Site, Cara Membuat Fansub, Cara Membuat Widget Fansub, Tutorial Fansub, Website Fansub, Aka321, Aka321.blogspot.com

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

  2. /* 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}

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

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

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

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

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


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.

Artikel Terkait

14 komentar

Req download box seperti nekopoi :v

Min.. Memang fontnya times new roman dari sononya ato ikut font dari blog kita?

Iya gan itu tergantung settingan dari browser, lebih lanjut bisa dilihat disini
https://www[dot]granneman[dot]com/webdev/coding/css/fonts-and-formatting/web-browser-font-defaults/

Min Ini Kenapa Ya? ... Kok Di aku Gagal?
Nih Screenshotnya...

https://prnt[dot]sc/fhc6aa

Itu kayanya CSSnya belum dimasukin gan, di ikuti lagi langkah"nya secara berurutan gan :)

Fix Min..... Ada Yang Salah Di Bagian CSS nya. Thx Yaa Min, Maaf Menggangu :D

Cara ngilangin | di akhir server gimana min?
Perasaan saya gak pake | tapi otomatis ada, Thanks min

Link : https://goo.gl/9gvMX1

req download box seperti nekopoi.cam min

di css hapus kode ini:

.dlmn321 .dlmn-wrap ul li a:after{content:"|";color:#909090}

untuk wordperss bisa gk?

bisa kalau ngerti cara pasangnya..

mantep min, mirip banget kyk tampilannya meownime yg asli

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