√ Cara Menciptakan Tombol Download Anime Di Blog

Cara Membuat Tombol Download Anime di Blog - Memasang tombol d0wnl0ad (d0wnl0ad box) ibarat pada situs anime gotong royong 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, supaya tombol d0wnl0ad mereka terlihat lebih manis dan rapi. Jika anda pengguna blogger yang menciptakan link perihal video anime, tidak salahnya anda memakai isyarat css yang aku berikan ini, tentu saja supaya blog anda terlihat lebih profesional ibarat pembuat situs anime lainnya.

Cara Membuat Download Box Seperti Situs Anime

1. Buka Blogger > pilih sajian Tema > lalu pilih Edit HTML

2. Letakkan isyarat CSS ini dan letakkan di atas isyarat ]]></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;}

3. Jika sudah pilih Simpan Tema

4. Untuk memasangnya di artikel anda buat Postingan Baru di menu HTML (bukan compose) lalu letakkan isyarat 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 merah dengan alamat url anda

DEMO

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

Sumber http://www.analisyuki.com/