Cara Membuat Download Box Wardhanime

Pertama, saya ucapkan terimakasih karena telah mampir kesini. Ini adalah postingan pertama, jadi maklum kalau tutorialnya masih agak membingungkan.

Tutorial pertama kali ini saya akan membuat Download Box dari Wardhanime (AWsubs). Pasti sudah banyak orang yang membuat Tutorial ini, tapi saya akan coba membahasnya lagi dengan lebih sederhana, agar mudah di pahami. Karena saya juga masih pemula dalam dunia Blogger. OK, langsung sajah kita Tutorial.

Masuklah ke Blogger lalu Pilih Tenplate -> Edit HTML.
Pertama Copykan CSS Berikut di bawah kode <b:skin>

/* CSS Download Box By Fansubloggertemplate.blogspot.com dont removed this*/
.dl-box {
    background-color: #F5F5F5;
    border: 1px solid #E5E5E5;
    float: left;
    font-family: Arial,Tahoma,"Lucida Sans Unicode","Lucida Grande";
    font-size: 12px;
    line-height: 12px;
    margin: 0px 0px 20px;
    outline: 0px none;
    overflow: hidden;
    padding: 20px;
    vertical-align: baseline;
    width: 578px;
}
.dl-title {
    background-color: #00F;
    background-position: 7px 6px;
    background-repeat: no-repeat no-repeat;
    border: 1px none;
    color: #FFF;
    float: left;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    margin: 0px 0px 3px;
    outline: 0px none;
    padding: 10px 0px 10px 35px;
    vertical-align: baseline;
    width: 543px;
}
.dl-item {
    background-color: #FFF;
    background-position: 7px 6px;
    background-repeat: no-repeat no-repeat;
    border: 0px none;
    float: left;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    margin: 0px 0px 2px;
    outline: 0px none;
    padding: 10px 0px 10px 35px;
    vertical-align: baseline;
    width: 543px;
}

Kalian bisa mengganti Lebar dan Warna Background yang sudah di tandai

Untuk HTML nyah Copykan Kode dibawah ini ketika akan Memposting (Letakkan kode ini di HTML Bukan di Compose)

<div class="dl-box" >
<div class="dl-title">Masukan Judul Disini</div>
<div class="dl-item"> LINK1 | LINK2 | LINK3 | LINK4 | LINK5 </div>
<div class="dl-title">Masukan Judul Disini</div>
<div class="dl-item"> LINK1 | LINK2 | LINK3 | LINK4 | LINK5 </div>
<div class="dl-title">Masukan Judul Disini</div>
<div class="dl-item"> LINK1 | LINK2 | LINK3 | LINK4 | LINK5 </div>
</div>

Untuk Demo Bisa Dilihat sendiri.!