Cara Memasang Download Box Seperti Situs Anime
Snippet Tips BloggerNamun 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>
Setelah itu publikasikan post dan lihat hasilnya.
Demikian tentang Cara Memasang Download Box Seperti Situs Anime dari Namina, semoga bermanfaat.