Cara Membuat Download Box Seperti Oploverz

Untuk kali ini saya membuat Download Box Seperti Oploverz siapa yang ngak tahu situs download anime terupdate terutama untuk anime One Piece pastinya karena situs ini sangat cepat kalau update One Piece heeh.

Kembali lagi ke Topik nya bagi kamu yang ingin membuat Download Box Seperti Oploverz. Gampang banget seperti biasa hanya perlu HTML dan CSS saja kok.

Cara Membuat Download Box Seperti Oploverz

1. Masuk ke Dashboard blog kamu blogger.com

2. Silahkan Klik Template/Tema cari kode </style> or </b:skin> lalu copy kode css dibawah ini

.opp{font-family:segoe ui;font-weight:bold;font-size:11px;padding:15px;border:1px solid #DDD;background:#F3F3F3;border-radius:3px;}.opp .oppp{padding:8px 10px;color:#FFF;background:#01B0F0;}.opp .oppurl{margin-top:3px;padding:8px 10px;color:#444;background:#DDD;}.opp .oppurl a{color:#444;}

3. Simpan kode css tersebut diatas kode </style> or </b:skin>

4. Simpan Template/Tema

 5. Sekarang untuk pemasangan kodenya masuk ke post > Lalu pilih mode HTML bukan Compose dan masukan kode HTML berikut

 <div class="opp">
<div class="oppp">
Judul anime subtitle indonesia [480p]</div>
<div class="oppurl">
<b>
<a href="Link URL" target="_blank">Elsfile</a> | 
<a href="Link URL" target="_blank">Zippyshare</a> | 
<a href="Link URL" target="_blank">Uptobox</a> | 
<a href="Link URL" target="_blank">Mirror</a>
</b> 
</div>
<div class="oppp">
Judul anime subtitle indonesia [720p]</div>
<div class="oppurl">
<b>
<a href="Link URL" target="_blank">Elsfile</a> | 
<a href="Link URL" target="_blank">Zippyshare</a> | 
<a href="Link URL" target="_blank">Uptobox</a> | 
<a href="Link URL" target="_blank">Mirror</a>
</b> 
</div>
</div> 

6. Pada tulisan Link URL ganti dengan link url download animenya

5. Selesai

Untuk Menambahkan Menjadi 3 Coloum kamu bisa tambahkan kodenya seperti ini

<div class="opp">
<div class="oppp">
Judul anime subtitle indonesia [480p]</div>
<div class="oppurl">
<b>
<a href="Link URL" target="_blank">Elsfile</a> | 
<a href="Link URL" target="_blank">Zippyshare</a> | 
<a href="Link URL" target="_blank">Uptobox</a> | 
<a href="Link URL" target="_blank">Mirror</a>
</b> 
</div>
<div class="oppp">
Judul anime subtitle indonesia [720p]</div>
<div class="oppurl">
<b>
<a href="Link URL" target="_blank">Elsfile</a> | 
<a href="Link URL" target="_blank">Zippyshare</a> | 
<a href="Link URL" target="_blank">Uptobox</a> | 
<a href="Link URL" target="_blank">Mirror</a>
</b> 
</div>
Tambahkan kodenya disini
</div>

Nanti hasilnya akan jadi seperti ini

<div class="opp">
<div class="oppp">
Judul anime subtitle indonesia [480p]</div>
<div class="oppurl">
<b>
<a href="Link URL" target="_blank">Elsfile</a> | 
<a href="Link URL" target="_blank">Zippyshare</a> | 
<a href="Link URL" target="_blank">Uptobox</a> | 
<a href="Link URL" target="_blank">Mirror</a>
</b> 
</div>
<div class="oppp">
Judul anime subtitle indonesia [720p]</div>
<div class="oppurl">
<b>
<a href="Link URL" target="_blank">Elsfile</a> | 
<a href="Link URL" target="_blank">Zippyshare</a> | 
<a href="Link URL" target="_blank">Uptobox</a> | 
<a href="Link URL" target="_blank">Mirror</a>
</b> 
</div>

<div class="oppp">
Judul anime subtitle indonesia [1080]</div>
<div class="oppurl">
<b>
<a href="Link URL" target="_blank">Elsfile</a> | 
<a href="Link URL" target="_blank">Zippyshare</a> | 
<a href="Link URL" target="_blank">Uptobox</a> | 
<a href="Link URL" target="_blank">Mirror</a>
</b> 
</div>

</div>

Nah sekarang kamu dapat melihat Download Box yang sudah mirip sekali dengan Samehadaku.

Demo Tutorial

Share this post