Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Download Box Seperti Nekopoi

Cara Membuat Download Box Seperti Nekopoi

Dezign Desu - Untuk ketiga kalinya saya membuat posting tentang Download Box. Nekopoi, kalian para wibu pro pasti kenal dengan nama yang satu ini. "Woiya donk situs langganan saya" (mungkin seperti itu jawaban kalian). Tapi, bagi yang gak kenal yaudah gak papa karna itu lebih baik.
OK kali ini saya akan membagikan script download box yang mirip / sama dengan situs Nekopoi tersebut. sekilahkan disimak langkah - langkan yang harus kalian lakukan demi mewujudkan web/blog kalian bernuansa nekopoi :v

Tutorial Membuat Download Seperti Nekopoi :
  1. Login pada akun blogspot kalian (ini wajib).
  2. Setelah masuk pada dashbord blogger, klik bagian TEMA.
  3. Edit HTML.
  4. Cari kode ]]></b:skin>, kalau gak ketemu silahkan pakai ctrl + f pada keyboard.
  5. Tempeklan kode ini di atas ]]></b:skin>
    .arealinker {
    padding: 10px 0;
    background: #fff;
    font-size: 12.5px;
    }
    .arealinker .boxdownload {
    overflow: hidden;
    padding-top: .6em;
    }
    .arealinker .boxdownload .liner {
    width: calc(100% / 2 - 15px);
    float: left;
    margin: 0 7.5px 15px;
    }
    .arealinker .boxdownload .liner .name {
    background: #333;
    padding: 8px 10px;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 700;
    }
    .arealinker .boxdownload .liner .listlink {
    padding: 10px 10px 5px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0,0,0,.09);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    }
    .listlink p {
    margin: 0;
    }
    .arealinker .boxdownload .liner .listlink a {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    color: #fff;
    background: #e97991;
    padding: 6.5px 10px;
    border: 1px solid #e97991;
    border-radius: 5px;
    }
    .arealinker .boxdownload .liner .listlink a:hover {
    color: #fff;
    background: #dc637d;
    text-decoration: none;
    border: 1px solid #ce637a;
    }
  6. Jika sudah, klik Simpan
  7. Selanjutnya), silahkan membuat postingan download - download yang kalian inginkan. Jangan lupa di kasih code di bawah ini!!, Tapi editnya menggunakan tampilan HTML jangan yang tampilan Menulis.
    <div class="arealinker">
    <div class="boxdownload">
    <div class="liner">
    <div class="name">Judul Animenya [360p]</div>
    <div class="listlink"><p>
    <a href="ISI LINK DOWNLOAD">Racaty</a>
    <a href="ISI LINK DOWNLOAD">Googledrive</a>
    <a href="ISI LINK DOWNLOAD">Gofile</a>
    <a href="ISI LINK DOWNLOAD">Solidfiles</a>
    <a href="ISI LINK DOWNLOAD">Zippyshare</a>
    <a href="ISI LINK DOWNLOAD">MC [ouo]</a>
    </p></div>
    </div>
    <div class="liner">
    <div class="name">Judul Animenya [480p]</div>
    <div class="listlink"><p>
    <a href="ISI LINK DOWNLOAD">Racaty</a>
    <a href="ISI LINK DOWNLOAD">Googledrive</a>
    <a href="ISI LINK DOWNLOAD">Gofile</a>
    <a href="ISI LINK DOWNLOAD">Solidfiles</a>
    <a href="ISI LINK DOWNLOAD">Zippyshare</a>
    <a href="ISI LINK DOWNLOAD">MC [ouo]</a>
    </p></div>
    </div>
    <div class="liner">
    <div class="name">Judul Animenya [720p]</div>
    <div class="listlink"><p>
    <a href="ISI LINK DOWNLOAD">Racaty</a>
    <a href="ISI LINK DOWNLOAD">Googledrive</a>
    <a href="ISI LINK DOWNLOAD">Gofile</a>
    <a href="ISI LINK DOWNLOAD">Solidfiles</a>
    <a href="ISI LINK DOWNLOAD">Zippyshare</a>
    <a href="ISI LINK DOWNLOAD">MC [ouo]</a>
    </div>
    </div>
    </div>
    </div>
  8. Warna Biru : ganti dengan url link download yang kalian miliki.
    Warna Hijau : ganti dengan nama server (tempat) kalian ambil link downloadnya.
  9. Jika semua sudah beres, silahkan di publish Postingnya. Selesai

Bagaimana? Blog/Webnya sudah sedikit mirip kek Web langganan kalian belum?
Sekian tentang tutorial kali ini "Cara Membuat Download Seperti Nekopoi". Bagi yang belum paham, itu kolom komentar di bawah masih berfungsi. Silahkan tulis saja disitu, admin akan berusaha bantu sebisa mungkin.
Tampilkan Komentar
Sembunyikan Komentar

Posting Komentar untuk "Cara Membuat Download Box Seperti Nekopoi"