Membuat Download Box Mirip Anikyojin untuk Blogger

Sebelumnya mitake udah membuat artikel tentang cara pasang download box anime dan manga dengan efek hide show HTML, CSS dan Javascript, nah kali ini juga kami akan membuat download box area blogger tanpa efek apapun yang sangat mirip dengan blog anime anikyojin.

Download box area mirip dengan anikyojin responsive berikut bisa kalian coba untuk blog anime. Langsung saja berikut cara membuatnya.

Setting download Box mirip Anikyojin di blogger.

• Masuk ke blogger.com.
• Klik menu Thema > Edit HTML.
• Cari kode </head>, pastekan kode CSS berikut tepat diatasnya.

<style>
/* Download Box Anikyojin bloggerxcode */ 
.db-down {border-radius: 3px;border: 1px solid #ddd;background: #f9f9f9;margin-bottom: 5px;padding: 5px;}
.db-down h2 {background: #333;padding: 7px;margin-bottom: 5px;color: #fff;font-size: 12px;}
.db-down ul, .db-down ul li {list-style-type: none;padding: 0;margin: 0;}
.db-down li:nth-child(2n+1) strong {background: #69A9F2;}
.db-down li strong {padding: 5px 7px;border-radius: 4px;display: inline-block;margin-bottom: 5px;color: #fff;font-size: 12px;}
.db-down li a {padding: 5px 7px;background: #9499AA;border-radius: 4px;color: #fff;font-size: 12px;}
.db-down li:nth-child(2n) strong {background: #F59F3D;}
</style>

• Lalu Simpan tema.

Cara pasang download box anime mirip Anikyojin untuk blogger.

1. Buat postingan baru.
2. Copas kode berikut didalam postingan yang akan di publish.

<div class="db-down">
<h2>JUDUL</h2>
<ul>
  <li><strong>720p</strong><a href="LINK_DOWNLOAD">NAMA_SERVER</a></li>
  <li><strong>480p</strong> <a href="LINK_DOWNLOAD">NAMA_SERVER</a></li>
  <li><strong>360p</strong> <a href="LINK_DOWNLOAD">NAMA_SERVER</a></li>
  <li><strong>240p</strong> <a href="LINK_DOWNLOAD">NAMA_SERVER</a></li>
</ul>
</div>
   

3. Publish postingan.

Penutup.

Sekian tutorial membuat download box mirip blog anikyoojin. See you next time.