√ Cara Memasang Download Box Seperti Situs Anime

Cara Memasang Download Box Seperti Situs Anime

9/14/2018

Sebenarnya Cara Memasang Download Box Seperti Situs Anime ini tidaklah terlalu sulit, karena kita tinggal IE saja tema yang di pakai situs tersebut, nanti kita akan bisa melihat kode-kode tersebut.

Namun memang bagi yang belum paham betul tentang kode HTML, hal ini dirasa mungkin agak sulit, maka untuk itu di sini Namina akan buatkan tutorial untuk mempermudah bagi yang mau membuat link download seperti situs Anime.

Cara Memasang Download Box Seperti Situs Anime

Buka Blogger > Klik menu Tema dan klik tombol Edit HTML > Tambahkan kode CSS ini sebelum </head>

<style type='text/css'>
.download-eps{font-size:9px;font-weight:bold;background:none repeat scroll 0% 0% #F5F5F5;padding:10px;margin:10px 0}
.download-eps ul{margin:0;padding:0;list-style:outside none none}
.download-eps ul li{background:none repeat scroll 0% 0% #E4E4E4;margin-bottom:2px;line-height:26px;padding:0 5px;font-size:15px}
.download-eps ul li strong{background:#00b894;border-right:2px solid #F5F5F5;width:150px;display:block;float:left;margin-left:-5px;margin-right:2px;color:#FFF;padding:0 5px;text-align:left}
</style>

Kemudian klik tombol Simpan tema. Setelah itu tambahkan kode di bawah ini pada postingan di tab HTML (bukan Compose) dan isi kode yang ditandai bisa juga diganti sesuai kebutuhan

<div class="download-eps">
   <ul>
      <li style="text-align: center;">
         <strong>360p</strong>
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Solidfiles</a> |
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Tusfiles</a> |
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Acefile</a> |
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Mirror</a>
      </li>
      <li style="text-align: center;">
         <strong>480p</strong>
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Solidfiles</a> |
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Tusfiles</a> |
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Acefile</a> |
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Mirror</a>
      </li>
      <li style="text-align: center;">
         <strong>720p</strong>
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Solidfiles</a> |
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Tusfiles</a> |
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Acefile</a> |
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Mirror</a>
      </li>
      <li style="text-align: center;">
         <strong>1080p</strong>
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Solidfiles</a> |
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Tusfiles</a> |
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Acefile</a> |
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Mirror</a>
      </li>
      <li style="text-align: center;">
         <strong>4k</strong>
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Solidfiles</a> |
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Tusfiles</a> |
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Acefile</a> |
         <a href="URLANDA" target="_blank" rel="nofollow noopener">Mirror</a>
      </li>
   </ul>
</div>