Cara Membuat Download Box Mirip AnimeBatch di Blogger
Animebatch adalah salah satu situs fanbatch Indonesia yang menyediakan banyak anime menarik yang dapat kamu download secara gratis. Disini kamu dapat mendownload anime mulai dari resolusi 240p hingga 1080p, bagaimana lengkap banget kan?
Nah, kamu yang pernah mengunjungi Animebatch tentu pernah melihat download box mereka yang nyaman untuk dilihat mata. Tertarik untuk mencoba membuatnya di blog kamu?
Cara Membuat Download Box Animebatch
Berikut ini adalah cara membuat download box mirip animebatch yang dapat kamu coba di blog kamu, simak langkah-langkah berikut:
- Buka dashboard Blogger.com > Theme > CUSTOMIZE > Edit HTML.
- Lalu, cari dan tempelkan kode CSS berikut diantara tag <style>...</style> pada template kamu, untuk memudahkan pencarian tekan Ctrl + F pada keyboard.
- Setelah selesai memasang kode CSS, mari memasang kode HTML-nya di postingan.
- Pilih postingan yang akan menampilkan download box AnimeBatch, kemudian tempelkan kode HTML berikut.
- Selesai.
/* Download Box AnimeBatch by Riseku.com */
.dl-animebatch{margin-top:10px;background:#fff;border:1px solid #ddd}
.dl-title{padding:15px;background:#198bff;color:#fff;text-align:center}
.dl-box{font-size:12px;font-weight:500;padding:10px 10px 0 10px}
.dl-box .dl-eps{padding:8px 10px;color:#fff;background:#ff8085}
.dl-box .dl-link{padding:10px;color:#555;background:#fff;border-bottom:1px solid #ddd}
.dl-box .dl-link a{color:#555;margin:5px;text-decoration:none}
.dl-box .dl-link a:hover{text-decoration:underline}
.dl-link span{background:#198bff;padding:3px;border-radius:2px;font-weight:700;color:#fff}
Setiap template terkadang memiliki tag style yang sedikit berbeda, jadi tempelkan diantara kode CSS template jika tidak dapat menemukan tag style.
<!-- Download Box AnimeBatch by Riseku.com-->
<div class='dl-animebatch'>
<div class="dl-title">Link Download Anime Megami-ryou no Ryoubo-kun. Subtitle Indonesia Batch</div>
<div class="dl-box">
<div class="dl-eps">Megami-ryou no Ryoubo-kun. Episode 1 Subtitle Indonesia</div>
<div class="dl-link"><span>360P</span> <a href="#" target="_blank" rel="nofollow">ZippyShare</a> <a href="#" target="_blank" rel="nofollow">Acefile</a> <a href="#" target="_blank" rel="nofollow">Reupload</a> <a href="#" target="_blank" rel="nofollow">MediaFire</a></div>
<div class="dl-link"><span>480P</span> <a href="#" target="_blank" rel="nofollow">ZippyShare</a> <a href="#" target="_blank" rel="nofollow">Acefile</a> <a href="#" target="_blank" rel="nofollow">Reupload</a> <a href="#" target="_blank" rel="nofollow">MediaFire</a></div>
<div class="dl-link"><span>720P</span> <a href="#" target="_blank" rel="nofollow">ZippyShare</a> <a href="#" target="_blank" rel="nofollow">Acefile</a> <a href="#" target="_blank" rel="nofollow">Reupload</a> <a href="#" target="_blank" rel="nofollow">MediaFire</a></div>
<div class="dl-link"><span>1080P</span> <a href="#" target="_blank" rel="nofollow">ZippyShare</a> <a href="#" target="_blank" rel="nofollow">Acefile</a> <a href="#" target="_blank" rel="nofollow">Reupload</a> <a href="#" target="_blank" rel="nofollow">MediaFire</a></div>
</div>
</div>
Jangan lupa untuk mengubah beberapa kalimat/kata dan tautan download pada kode HTML di atas. Jika ingin menambahkan download box, copy paste saja kode dari <div class="dl-box">...</div>.
Semoga tutorial membuat download box mirip web AnimeBatch dapat bermanfaat untuk kamu. Jika kamu menemui kendala dalam memasang kode-kode di atas, jangan sungkan untuk bertanya melalui komentar di bawah! Atau bergabung dengan server Discord kami di link ini.
Gabung dalam percakapan