Cara Membuat Download Box Mirip Meownime Terbaru

Seperti yang kita tahu, banyak sekali situs Fansub dan Fanshare Anime di internet, salah satunya situs fanshare yang terkenal akan kemudahan download Animenya yaitu Meownime.  Bagi kamu seorang otaku yang gemar download anime Gratisan tentunya tidak asing dengan situs ini. Banyak sekali hal dari web meownmime ini antara lain Tampilan yang sederhana, no iklan pop up/Iklan new tab dan  salah satunya dalam hal kelengkapan downloadnya. Sehingga banyak sekali website yang meniru mulai dari nama yang sama, template sampai download boxnya. Tapi dalam tutorial kali ini kami akan share cara membuat Download Box ok!? langsung cap cussss......!! 

1. Buka Blogger ,pergi ke Tema terus klik Edit HTML

2. Letakan CSS berikut ini tepat diatas kode ]]></b:skin>

/* CSS Download Box Meownime v3 */ .Meownime-downloadbox-wrapper * {box-sizing: border-box;} #RubyKurosawa_LoveLiveTeamB {text-align:center} #RubyKurosawa_LoveLiveTeamB a {text-align:center;font-weight:650;color:#ffffff;margin-bottom:10px} .RubyKurosawa_LoveLiveTeamB1 {width:99%} .RubyKurosawa_LoveLiveTeamB2 {background-color:#1e73be;border-color:#1e73be;display:inline-block;padding:6px 12px;color:#ffffff;text-transform:uppercase;font-size:14px;font-weight:650;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;user-select:none;background-image:none;border:2px solid transparent;border-radius:9px;-ms-touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none} .RubyKurosawa_LoveLiveTeamB2:hover {background-color:#363636;border-color:#363636;color:#ffffff} .RubyKurosawa_LoveLiveTeamB3 {width:49%;float:left} .RubyKurosawa_LoveLiveTeamB4 {width:49%;float:right} .RubyKurosawa_LoveLiveTeamB5 {padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px} .RubyKurosawa_LoveLiveTeamB6 {text-align:center;color:#31708f;background-color:#d9edf7;border:2px solid #31708f} .RubyKurosawa_LoveLiveTeamB7 {width:100%;max-width:100%;margin-bottom:20px} .RubyKurosawa_LoveLiveTeamB8 {padding:8px;line-height:1.42857143;vertical-align:top}

3.Gunakan HTML dibawah ini untuk download boxnya.

<div class="Meownime-downloadbox-wrapper" dir="ltr" style="text-align:left" trbidi="on"><table class="RubyKurosawa_LoveLiveTeamB7" style="width:100%"><tbody><tr><td class="RubyKurosawa_LoveLiveTeamB8" bgcolor="#33363b"><center><span style="color:#ffffff;"><b>Link Download #1 — </b></span><b><span style="color:#da4453;">HTTPS://YUUNETWORK.BLOGSPOT.COM</span></b></center></td></tr></tbody></table><div class="RubyKurosawa_LoveLiveTeamB5 RubyKurosawa_LoveLiveTeamB6 ">Jangan lupa share gan <b>HTTPS://YUUNETWORK.BLOGSPOT.COM</b></div><div id="RubyKurosawa_LoveLiveTeamB"><a class="RubyKurosawa_LoveLiveTeamB2 RubyKurosawa_LoveLiveTeamB3" target="_blank" href="#">240p</a><a class="RubyKurosawa_LoveLiveTeamB2 RubyKurosawa_LoveLiveTeamB4" target="_blank" href="#">360p</a></div><div id="RubyKurosawa_LoveLiveTeamB"><a class="RubyKurosawa_LoveLiveTeamB2 RubyKurosawa_LoveLiveTeamB4" target="_blank" href="#">480p</a><a class="RubyKurosawa_LoveLiveTeamB2 RubyKurosawa_LoveLiveTeamB3" target="_blank" href="#">720p</a></div><div id="RubyKurosawa_LoveLiveTeamB"><a class="RubyKurosawa_LoveLiveTeamB2 RubyKurosawa_LoveLiveTeamB4" target="_blank" href="#">Mkv 480p</a><a class="RubyKurosawa_LoveLiveTeamB2 RubyKurosawa_LoveLiveTeamB3" target="_blank" href="#">Mkv 720p</a> </div><div id="RubyKurosawa_LoveLiveTeamB"><a class="RubyKurosawa_LoveLiveTeamB2 RubyKurosawa_LoveLiveTeamB1" target="_blank" href="#">BATCH</a></div></div>

4. Tinggal Sesuaikan Nama Download dan URL Seperti yang kalian ingin, Selesai.

UNTUK DEMO KLIK DISINI

Sekian Dulu ya tutorial dari kami makasih udah mampir, saya undur diri wassalam.


Source : https://codepelajar.com

loading...