Cara Membuat Download Box ala Nekonime
Satu lagi download box yang keren dari Nekonime, postingan ini seperti biasa hanya untuk pembelajaran saja, tidak ada maksud untuk meniru atau plagiat.
Langsung saja kita ke cara pembuatan nya.
Yang pertama, Masuk ke Blogger > Template Editor > Masukan CSS di bawah ini tepat sebelum kode </style>.
/* CSS Download Box Nekonime */
.download-eps {
font-size: 11px;
font-weight: bold;
background: none repeat scroll 0% 0% #F5F5F5;
padding: 10px;
margin: 10px 0px;
}
.download-eps ul {
margin: 0px;
padding: 0px;
list-style: outside none none;
}
.download-eps ul li {
background: none repeat scroll 0% 0% #E4E4E4;
margin-bottom: 2px;
line-height: 26px;
padding: 0px 5px;
}
.download-eps ul li strong {
background: none repeat scroll 0% 0% #23B95D;
border-right: 2px solid #F5F5F5;
width: 65px;
display: block;
float: left;
margin-left: -5px;
margin-right: 5px;
color: #FFF;
padding: 0px 5px;
text-align: left;
}
.download-eps ul li a {
color: #857979;
}Setelah itu save template kalian, kemudian lanjut ke pemasangan download box nya. Buat postingan baru, dan copy kan HTML di bawah ini ke tab HTML dan kalian ganti sendiri link dan judul anime nya.
<b>Judul anime</b><br/>
<div class="download-eps">
<ul>
<li><strong>480p</strong> <a href="#" rel="nofollow" target="_blank">Sharebeast</a> | <a href="#" rel="nofollow" target="_blank">Tusfiles</a></li>
<li><strong>720p</strong> <a href="#" rel="nofollow" target="_blank">Sharebeast</a> | <a href="#" rel="nofollow" target="_blank">Tusfiles</a></li>
<li><strong>Mp4</strong> <a href="#" rel="nofollow" target="_blank">Sharebeast</a> | <a href="#" rel="nofollow" target="_blank">Tusfiles</a></li>
<li><strong>3Gp</strong> <a href="#" rel="nofollow" target="_blank">Sharebeast</a> | <a href="#" rel="nofollow" target="_blank">Tusfiles</a></li>
</ul>
</div> See the Pen Download Box Nekonime by hilmanfad (@hilmanfad) on CodePen.
EmoticonEmoticon