04 April 2016

Cara Membuat Download Box Seperti Nekonime

Cara Membuat Download Box Seperti Nekonime - 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.

Cara Membuat Download Box Seperti Nekonime, Cara Membuat Download Box Nekonime, Cara Membuat Download Box. Cara Membuat Download Nekonime, Cara Membuat Download Box Fansub.

Sebelumnya saya sudah posting tentang Cara Membuat Download Box Seperti Wardhanime. Dan pada kesempatan kali ini saya ingin berbagi ilmu tentang Cara Membuat Download Box Seperti Nekonime. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.

  • 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 Box Nekonime 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.


Sekian Tutorial kali ini. Semoga Bermanfaat. Terimakasih.  Sampai jumpa pada tutorial berikutnya.

Artikel Terkait

13 komentar

nice kolom komentarnya :3
kalo bisa share tolong min thanks

wah ijin nyoba mas :D untuk blog ane yang satunya :D wkwkwkwk

oke aku bookmark ya halamannya siapa tau nanti aku mau coba

cocok nih ma nice blog ane, thanks gan...

. Gan Mau Nanya , Ane Kalau Habis Copy HTML Nya , Pas Pindah Ke Compose Buat Copy Link Dengan Cara Change , Ama nya Berubah Jadi Ama , Jadinya Warna Gk Muncul , Ada Solusi ? Atau Emang Link Download Harus DI Isi Lewat HTML Aja ?

. <+strong> Ama <+/strong> Berubah Jadi <+b> Ama <+/b> , Abaikan Tanda Tambah

Coba tambah lagi CSS di bawah ini gan..

.dl-item321 b {
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;
}

mantaf gan Izin Copas Buat belajar :D

mantap gan...
gan ada gk cara buat halaman yang digenre list isinya label kita terus lengkap dengan tombol next pagenya
ane punya tombol next nya gak ada itu jadi menampilkannya semua jadi panjang dah...Please Gan

Kamingsun gan ditunggu ya :)

Silakan tambahkan komentar sesuai dengan topik dan komentar dengan link akan dihapus, terima kasih.
EmoticonEmoticon