Cara Membuat Download Box Seperti Anikyojin

Anikyojin, Situs download Anime yang ntahlah...
Saya gamau bahas situsnya, saya cuma mau membagikan tutorial untuk membuat download box mirip seperti situs anikyojin saja.

Tutorial Membuat Download Box Seperti Anikyojin :

Pertama, tempelkan pemanggilan css ini di atas kode </head> atau ]]></b:skin> pada tema / template kalian.

/* Download Box Anikyojin by DezignDesu */ 

.dzdesu {
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    margin-bottom: 5px;
    padding: 5px;
}
.dzdesu h2 {
    background: #333;
    padding: 7px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 12px;
}
.dzdesu ul, .dzdesu ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.dzdesu li:nth-child(2n+1) strong {
    background: #69A9F2;
}
.dzdesu li strong {
    padding: 5px 7px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 5px;
    color: #fff;
    font-size: 12px;
}
.dzdesu li a {
    padding: 5px 7px;
    background: #9499AA;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
}
.dzdesu li:nth-child(2n) strong {
    background: #F59F3D;
}

Jika sudah, silahkan klik Simpan / Save.

Cara Penggunaan

Silahkan buat suatu posting download - download yang kalian inginkan. Jangan lupa gunakan code di bawah ini!!, namun untuk pengeditnya diharap menggunakan "tampilan HTML" jangan "tampilan Menulis".

<div class="dzdesu">
<h2>JUDUL</h2>
<ul>
<li><strong>720p</strong> <a href="LINK DOWNLOAD">NAMA HOSTING</a></li>
<li><strong>480p</strong> <a href="LINK DOWNLOAD">NAMA HOSTING</a></li>
<li><strong>360p</strong> <a href="LINK DOWNLOAD">NAMA HOSTING</a></li>
<li><strong>240p</strong> <a href="LINK DOWNLOAD">NAMA HOSTING</a></li>
</ul>
</div>

Judul = Ganti dengan Judul dari apa yang ingin kalian tulis.
LINK DOWNLOAD = Ganti dengan link tujuan (hasil upload) file kalian.
NAMA HOSTING = Ganti dengan nama tempat kalian upload file itu.

Sekian dulu posting dari saya. sekiranya masih bingung, silahkan komentar pada kolom komentar yang tersedia, kita carikan solusi dari masalah itu bersama. Dikarenakan admin disini juga masih belajar, apabila ada kesalahan pada penulisan maupun penjelasan, saya mohon maaf. Terimakasih telah berkunjung.

Posting Komentar