Cara membuat download box seperti Samehadaku

Download box seperti Samehadaku merupakan download box yang sangat dicari-cari oleh para blogger anime. Download box dari salah satu fansubs anime yaitu Samehadaku ini memiliki tampilan yang sederhana dan simpel sehingga memudahkan para downloader untuk melakukan aktivitas download. Selain itu download box ini sangat mudah sekali dalam edit HTML sehingga buat para blogger yang masih newbie tidak perlu risau lagi dikarenakan seting download box ini sangat mudah sekali. berikut ini tata cara membuat download box seperti Samehadaku.

Seperti biasa masuk ke menu template > edit HTML. Copas CSS dibawah ini dan letakan di atas kode ]]></b:skin> kemudian klik simpan/save.

 /*Download box Samehadaku - Anices*/
.download-eps {
    font-size: 9px;
    font-weight: bold;
    background: none repeat scroll 0% 0% #F5F5F5;
    padding: 10px;
    margin: 10px 0px;
}
.download-eps ul {
    margin: 0px;
    padding: 0px;
    list-style: outside none none;
}
.download-eps ul li {
    background: none repeat scroll 0% 0% #E4E4E4;
    margin-bottom: 2px;
    line-height: 26px;
    padding: 0px 5px;
    font-size: 15px;
}
.download-eps ul li strong {
    background: none repeat scroll 0% 0% #1e7ce5;
    border-right: 2px solid #F5F5F5;
    width: 150px;
    display: block;
    float: left;
    margin-left: -5px;
    margin-right: 2px;
    color: #FFF;
    padding: 0px 5px;
    text-align: left;
} 

Selanjutnya copas kode HTML download box dibawah ini dan letakan kodenya di dalam postingan/halaman dengan mode HTML (bukan compose)

 <div class="download-eps">
<ul>

<li style="text-align: center;">
<strong>360p</strong> 
<a href="#" target="_blank" rel="nofollow">Solidfiles</a> | 
<a href="#" target="_blank" rel="nofollow">Tusfiles</a> | 
<a href="#" target="_blank" rel="nofollow">Acefile</a> | 
<a href="#" target="_blank" rel="nofollow">Mirror</a>

<li style="text-align: center;">
<strong>720p</strong> 
<a href="#" target="_blank" rel="nofollow">Solidfiles</a> | 
<a href="#" target="_blank" rel="nofollow">Tusfiles</a> | 
<a href="#" target="_blank" rel="nofollow">Acefile</a> | 
<a href="#" target="_blank" rel="nofollow">Mirror</a>

<li style="text-align: center;">
<strong>1080p</strong> 
<a href="#" target="_blank" rel="nofollow">Solidfiles</a> | 
<a href="#" target="_blank" rel="nofollow">Tusfiles</a> | 
<a href="#" target="_blank" rel="nofollow">Acefile</a> | 
<a href="#" target="_blank" rel="nofollow">Mirror</a>

</li>
</ul>
</div> 

Jika sudah klik simpan/buplikasikan postingan/halamannya.
Cukup mudah untuk dipelajari bukan?

Demo

Ket:
Tanda # pada kode HTML ganti dengan link download yang di tuju.
Jika menemukan masalah bug silahkan kometar dibawah ini ya.

Artikel Terkait

Cara membuat download box seperti Samehadaku

4/ 5

Oleh Tahacak

Tahacak 14.54 Komentar