Cara Membuat Download Box Seperti Nekonime

Cara Membuat Download Box Seperti Nekonime
Selamat pagi sobat, pada kesempatan kali ini saya akan membagikan tutorial cara membuat download box seperti Nekonime. Nggak usah banyak cingcong yuk langsung ikuti langkah-langkah dibawah

Cara Membuat Download Box Seperti Nekonime

1. Buka blog sobat pergi menuju ke template => lalu klik Edit HTML
2. Pastekan kode berikut di atas kode </style> atau di atas kode <b/:skin>
/* CSS DL Box Nekonime.  */
.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;
}
3. Kalau sudah klick Save
4. Buat sebuah postingan baru tapi dengan mode HTML
5. Pastekan kode berikut

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

6. Silahkan sobat edit kode yang sudah saya tandai sesuai keinginan sobat
7. Penampakan Download Box:

Cara Membuat Download Box Seperti Nekonime

Sekian tutorial ini saya sampaikan. Semoga bermanfaat. Terima kasih telah berkunjung!!!

Recent Comments