Cara Membuat Box Download Keren Utuk Blog Bertema Anime

Cara membuat Box download untuk Blog bertema anime-mungkin bagi sobat yang memiliki blog bertema anime pastinya membutuhkan box downlod untuk dipasang di blog yang sobat miliki agar tampilan posting terlihat lebih rapih dan menarik, seperti halnya website website yang bertema anime yang memiliki ciri khas masing masing dalam tampilan download boxnya .

Dikesempatan kali ini saya akan berbagi macam macam box download yang di miliki website website anime yang mungkin tidak asing lagi buat sobat seperti website anime (Samehadaku,AWSubs,OPLoverz, dan lain lainnya) yang bisa di pasang di blog yang sobat miliki, Bagi sobat yang tertarik dan ingin memasan Box download di blog yang sobat miliki mari kita ikuti lankah langkah di bawah ini :

Macam Macam Box Download Untuk Dipasang Diblog Bertema Anime

1. Box Download Seperti Samehadaku

Silahkan sobat Copy Code CSS di bawah dan pastekan pada tempelate blog sobat tepat di atas ]]></b:skin> kemudian Save kembali template.

/*Download box Samehadaku - www.zagan19.com*/
.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;
}

Berikutnya Copy Code HTML di bawah dan pastekan pada postingan dalam 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>

Selesai sampai di sini sobat sudah berhasil membuat box download seperti samehada .

2. Mebuat Download Box seperti AWSubs

Pertama Copy Code CSS di bawah dan pastekan pada tempelate blog sobat tepat di atas ]]></b:skin> kemudian Save kembali template.

/*Download box wardhanime - www.zagan19.com*/
.dl-box {
background-color: whitesmoke;
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;
overflow: hidden;
padding: 20px;
vertical-align: baseline;
width: 100%;
}
.dl-title {
background-color: blue;
background-position: 7px 6px;
background-repeat: no-repeat no-repeat;
border: 1px;
color: white;
float: left;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
margin: 0px 0px 3px;
outline: 0px;
padding: 10px 0px 10px 35px;
vertical-align: baseline;
width: 100%;
}
.dl-item {
background-color: white;
background-position: 7px 6px;
background-repeat: no-repeat no-repeat;
border: 0px;
float: left;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
margin: 0px 0px 2px;
outline: 0px;
padding: 10px 0px 10px 35px;
vertical-align: baseline;
width: 100%;
}

Lalu Copy Code HTML di bawah dan pastekan pada postingan dalam mode HTML bukan Compose .

<div class="dl-box">
<div class="dl-title">Anime Subtitle Indonesia</div>
<div class="dl-item">
<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>
</div>
<div class="dl-title">Anime Subtitle Indonesia</div>
<div class="dl-item">
<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>
</div>
<div class="dl-title">Anime Subtitle Indonesia</div>
<div class="dl-item">
<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>
</div>
</div>

Selesai sampai di sini sobat sudah berhasil membuat box download seperti AWSubs .

3. Mebuat Download Box seperti OPloverz

Silahkan sobat Copy Code CSS di bawah dan pastekan pada tempelate blog sobat tepat di atas ]]></b:skin> kemudian Save kembali template.

/*Download box OPloverz -www.zagan19.com*/
.soraddl {
font-family: segoe ui;
font-weight: bold;
font-size: 11px;
padding: 15px;
border: 1px solid #DDD;
background: #F3F3F3;
border-radius: 3px;
}
.soraddl .sorattl {
padding: 8px 10px;
color: #FFF;
background: #01B0F0;
}
.soraddl .soraurl {
margin-top: 3px;
padding: 8px 10px;
color: #444;
background: #DDD;
}
.soraddl .soraurl a {
color: #444;
}

Copy Code HTML di bawah dan pastekan pada postingan dalam mode HTML bukan Compose .

<div class="soraddl">
<div class="sorattl">Judul anime subtitle indonesia [480p]</div>
<div class="soraurl">
<strong>
<a href="#" target="_blank">Elsfile</a> |
<a href="#" target="_blank">Zippyshare</a> |
<a href="#" target="_blank">Uptobox</a> |
<a href="#" target="_blank">Mirror</a>
</strong>
</div>
<div class="sorattl">Judul anime subtitle indonesia [720p]</div>
<div class="soraurl">
<strong>
<a href="#" target="_blank">Elsfile</a> |
<a href="#" target="_blank">Zippyshare</a> |
<a href="#" target="_blank">Uptobox</a> |
<a href="#" target="_blank">Mirror</a>
</strong>
</div>
</div>

Selesai sampai di sobat sudah berhasil mebuat box download seperti OPLoverz

Untuk tanda # ganti dengan URL Link download anime .

Sekian tentang cara membuat Box Download Box di blog semoga bisa bermanfaat .

Share this post