Membuat Download Box Simple

Holaaa, Kali ini mimin akan membagikan cara membuat Download Box Simple atau biasa digunakan oleh para pengguna website berbasis Download.

Membuat Download Box Simple

1. Buka blogger > tema > Edit HTML

2. Letakkan Css berikut kedalam <style> atau diatas </style>

/*CSS Download Box */
.dl-box {
    float: left;
    font-family: monospace,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: #ffd4d4;
    background-position: 7px 6px;
    background-repeat: no-repeat no-repeat;
    border: 1px none;
    color: #FFF;
    float: left;
    font-family: monospace;
    font-size: 14px;
    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;
}

3. Langkah terakhir, Buatlah post menggunakan HTML beirkut

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

Demo Click here

Baiklah, demikian untuk tips kali ini tentang Cara Membuat Download Box Simple Di Blogger. Semoga bermanfaat dan wassalam.