Cara Membuat Download Box Seperi di Tonansub

Buat nambah-nambah koleksi Download Box. Saya buat ajah tutorial Membuat Download Box lagi biar banyak pilihannya jadi kalian bisa pilih. hahaha

Pertama masuk ke Blogger -> Template -> Edit HTML

Salin CSS berikut di atas ]]></b:skin> atau di bawah <style>

/* CSS Download Box by Fansublogger */
.kotak-ddl {
    width: 83.3333%
}
.list-group {
    padding-left: 0px;
    margin-bottom: 20px;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    z-index: 2;
    color: #FFF;
    background-color: #428BCA;
    border-color: #428BCA;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #FFF;
    border: 1px solid #DDD;
}

Sudah? sekarang simpan Template.
lalu Salin HTML di bawah ini. Terserah mau di Postingan ataupun di Static page

<div class="kotak-ddl">
                <div class="list-group">
                 <a class="list-group-item active"><div align="center">Judul Anime</div></a>
                <div class="list-group-item" align="center">
                   
    [<a href="#" target="_blank">Solidfiles</a>|<a href="#" target="_blank">AIS</a>|<a href="#" target="_blank">Mirrorcreator</a>|<a href="#" target="_blank">folderkit</a>|<a href="#" target="_blank">Tusfiles</a>]
                   
                </div>
                <a class="list-group-item active"><div align="center">Judul Anime</div></a>
                <div class="list-group-item" align="center">
                   
    [<a href="#" target="_blank">Solidfiles</a>|<a href="#" target="_blank">AIS</a>|<a href="#" target="_blank">Mirrorcreator</a>|<a href="#" target="_blank">folderkit</a>|<a href="#" target="_blank">Tusfiles</a>]
                   
                </div>
</div>                </div>

Untuk DEMO nya monggo diliat.