Cara Membuat Tombol Download Anime di Blogger

Cara Membuat Tombol Download Anime di Blog - Memasang tombol download (download box) seperti pada situs anime sebenarnya sangatlah mudah

Cara Membuat Tombol Download Anime di Blog - Memasang tombol download (download box) seperti pada situs anime sebenarnya sangatlah mudah, tentunya lebih responsive dan tidak menambah beban dalam dalam memuat artikel anda.

Tombol link box ini biasanya di gunakan oleh fansub atau fanshare anime, agar tombol download mereka terlihat lebih bagus dan rapi.

Jika anda pengguna blogger yang membuat link tentang video anime, tidak salahnya anda menggunakan kode css yang saya berikan ini, tentu saja agar blog anda terlihat lebih profesional seperti pembuat situs anime lainnya.

Cara Membuat Download Box Seperti Situs Anime

  1. Buka Blogger
  2. Pilih menu Tema
  3. Pada menu SESUAIKAN, pilih Edit HTML
  4. Letakkan kode CSS ini dan letakkan di atas kode ]]></b:skin> atau </style>
    /* CSS Link Download Anime */
    .dld-eps1 {font-size: 16px;font-weight: bold;background: #F5F5F5;padding: 10px;margin: 10px 0;}
    .dld-eps2 {margin: 0;padding: 0;list-style: none;}
    .dld-eps3 {background: #E4E4E4;margin-bottom: 2px;line-height: 26px;padding: 0 5px;}
    .dld-eps3 strong {background: #3392d0;border-right: 2px solid #F5F5F5;width: 110px;display:block;float: left;margin-left: -5px;margin-right: 5px;color: #FFF;padding: 0 5px;text-align: left;}
    .dld-eps3 a {color: #666869;}
    .dld-eps3 a:hover {color: #42a5e5;}
  5. Jika sudah pilih Simpan Tema
  6. Untuk memasangnya di artikel anda buat Postingan Baru di menu Tampilan HTML kemudian letakkan kode ini di dalamnnya.
    <div class="dld-eps1">
    <div class="dld-eps2">
    <div class="dld-eps3">
    <strong>360p</strong>
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Solidfiles</a> |
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Google Drive</a> |
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Zippyshare</a> |
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Acefile</a> |
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Mirror</a>
    </div>
    <div class="dld-eps3">
    <strong>480p</strong>
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Solidfiles</a> |
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Google Drive</a> |
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Zippyshare</a> |
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Acefile</a> |
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Mirror</a>
    </div>
    <div class="dld-eps3">
    <strong>720p</strong>
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Solidfiles</a> |
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Google Drive</a> |
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Zippyshare</a> |
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Acefile</a> |
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Mirror</a>
    </div>
    <div class="dld-eps3">
    <strong>1080p</strong>
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Solidfiles</a> |
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Google Drive</a> |
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Zippyshare</a> |
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Acefile</a> |
    <a href="LINK-ANDA" rel="nofollow" target="_blank">Mirror</a>
    </div>
    </div>
    </div>

*keterangan : ubah tanda yang saya beri mark dengan alamat url anda

Cukup sekian tutorial dari saya, semoga artikel ini dapat bermanfaat bagi kita semua, silahkan menuju kolom komentar jika ada hal yang ingin ditanyakan, Terimakasih.