Cara Memasang Box Download Seperti Blog Anime - Jalanucul

Cara Memasang Box Download Seperti Blog Anime


Cara memasang Box Download Seperti Blog Anime

Halo sobat jalanucul, berjumpa lagi dengan mimin nih, pada postingan saya kali ini akan membagikan kepada kalian semua Cara memasang Box Download Seperti Blog Anime sebagian blogger pasti sudah tau tentang hal seperti ini, apa lagi blogger yang menyediakan atau membagikan film-film anime. sudah tidak asing lagi dengan tombol download seperti ini.

Disini saya akan berbagi khususnya pengguna baru yang blognya membahas atau menyediakan tombol  atau button download tapi belum tahu bagaimana cara membuat, tombol download agar terlihat bagus.

Ok jika demikian adanya kalian bisa menggunakan tombol download dibawah ini, jika tertarik bisa ambil codenya.

<style type='text/css'>
.download-eps{font-size:9px;font-weight:bold;background:none repeat scroll 0% 0% #000000;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:#000000;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>

Cara memasang Box Download Seperti Blog Anime

Kalian buka Halaman Blogger > Log in > Pilih menu TEMA > Edit HTML > terapkan code diatas tepat sebelum </head> selanjutnya simpan kembali template yang sudah kalian edit.

Cara menggunakan di dalam postingan, kalian gunakan code html dibawah ini

<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>

LIVE DEMO

CATATAN: Silahkan kalian edit sesuai dengan isi poatingan yang akan kalian share.
Nah sobat sekarang sudah bisakan  memasang Box Download Seperti Blog Anime selamat mencoba ya. Semoga bisa bermanfaat.

2 Responses to "Cara Memasang Box Download Seperti Blog Anime"

  1. Mau nanya dong, div itu html ap bootstrap y?

    ReplyDelete
  2. waduh gmn jawabnya ya om wkkwk
    jd div itu merupakan wadah /penampung di html om, untuk mempermudah aplikasi style dengan CSS, biasanya dpt diberi atribut class, id, title dll,

    nah kalo bootstap itu = framework, isinya html+css+javascript

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel