Cara Membuat Download Box
Download Box biasa digunakan fansub atau fanshare agar website mereka bagus, rapih, dan juga seperti fansub atau fanshare yang profesional. tapi terkadang ada juga fansub atau fanshare yang belum tahu Cara Membuat Download Box.
Pertama, Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum </b:skin> atau </style>
/* CSS Download Box Nekonime - Aka321 */
.dl-wrap321 {
font-size: 11px;
font-weight: bold;
background: #F5F5F5;
padding: 10px;
margin: 10px 0;
}
.dl-box321 {
margin: 0;
padding: 0;
list-style: none;
}
.dl-item321 {
background: #E4E4E4;
margin-bottom: 2px;
line-height: 26px;
padding: 0 5px;
}
.dl-item321 strong {
background: #23B95D;
border-right: 2px solid #F5F5F5;
width: 65px;
display: block;
float: left;
margin-left: -5px;
margin-right: 5px;
color: #FFF;
padding: 0 5px;
text-align: left;
}
.dl-item321 a {
color: #857979;
}
.dl-item321 a:hover {
color: #222;
}
Jika Sudah, Silahkan Simpan Template.
Kemudian, Saat Kamu membuat postingan baru terapkan Kode Download di bawah ini pada Tab HTML (Bukan Compose)
<div class="dl-wrap321">
<div class="dl-box321">
<div class="dl-item321">
<strong>480p</strong>
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 1</a> |
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 2</a> |
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 3</a> |
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 4</a> |
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 5</a>
</div>
<div class="dl-item321">
<strong>720p</strong>
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 1</a> |
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 2</a> |
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 3</a> |
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 4</a> |
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 5</a>
</div>
</div>
</div>
Jika Sudah, silahkan kamu mengganti kode yang sudah ditandai sesuai keinginan mu.
Pertama, Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum </b:skin> atau </style>
/* CSS Download Box Nekonime - Aka321 */
.dl-wrap321 {
font-size: 11px;
font-weight: bold;
background: #F5F5F5;
padding: 10px;
margin: 10px 0;
}
.dl-box321 {
margin: 0;
padding: 0;
list-style: none;
}
.dl-item321 {
background: #E4E4E4;
margin-bottom: 2px;
line-height: 26px;
padding: 0 5px;
}
.dl-item321 strong {
background: #23B95D;
border-right: 2px solid #F5F5F5;
width: 65px;
display: block;
float: left;
margin-left: -5px;
margin-right: 5px;
color: #FFF;
padding: 0 5px;
text-align: left;
}
.dl-item321 a {
color: #857979;
}
.dl-item321 a:hover {
color: #222;
}
Jika Sudah, Silahkan Simpan Template.
Kemudian, Saat Kamu membuat postingan baru terapkan Kode Download di bawah ini pada Tab HTML (Bukan Compose)
<div class="dl-wrap321">
<div class="dl-box321">
<div class="dl-item321">
<strong>480p</strong>
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 1</a> |
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 2</a> |
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 3</a> |
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 4</a> |
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 5</a>
</div>
<div class="dl-item321">
<strong>720p</strong>
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 1</a> |
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 2</a> |
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 3</a> |
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 4</a> |
<a href=" LINK DOWNLOAD DI SINI " rel="nofollow" target="_blank">Server 5</a>
</div>
</div>
</div>
Jika Sudah, silahkan kamu mengganti kode yang sudah ditandai sesuai keinginan mu.