Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Download Box Seperti Anikyojin

Cara Membuat Download Box Seperti Anikyojin

Dezign Desu - Tutorial kali ini saia akan membagikan Cara Membuat Download Box Anime Version Seperti Anikyojin, Situs download Anime yang ntahlah, saia ga bisa jelasin.Yang jelas kali ini admin akan berbagi anu..... Anggap aja download box pada website, blog juga bisa, intinya yang bisa di terapin aja. Anjirrlah, ternyata bikin blog tutorial bikin pusing buat mikirin kata2 pembukaan kek gini.

Bodoamat, yang atas gausah di baca tidak masalah. Langsung saja ke tutorialnya :
Btw... Ini tutorial buat pengguna Blogspot dulu ya, pengguna Wordpress dll silahkan mengaplikasikannya sendiri untuk penempatan source codenya.
  • Pertama, Buka Dashbord blogger kalian.
  • Kedua, Buka Tema - Edit html
  • Ketiga baru saya kasih codenya. Simpan CSS berikut ini diatas </style> atau <b:skin>
/* 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 save Tema.
  • Kemudian buat post menggunakan HTML dan tempelkan code ini.
<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>

Ganti JUDUL dengan judul yang kalian inginkan.
Ganti "LINK DOWNLOAD" dengan tautan download milik kalian.
Ganti NAMA HOSTING dengan nama Hosting dimana kalian upload filenya.

Dan Sekian dulu posting dari saya. kiranya masih bingung, silahkan komentar pada kolom komentar yang tersedia, sebisa mungkin admin akan membantu masalah kalian mengenai tutorial di posting Cara Membuat Download Box Seperti Anikyojin.
Tampilkan Komentar
Sembunyikan Komentar

2 komentar untuk "Cara Membuat Download Box Seperti Anikyojin"