28 Mei 2016

Cara Membuat Download Box Seperti Animefans

Cara Membuat Download Box Seperti Animefans - Download Box biasa digunakan fansub atau fanshare agar website mereka bagus, rapih, dan juga seperti fansub atau fanshare yang profesional. tapi terkadang ada juga fansub atau fanshare yang belum tahu Cara Membuat Download Box.

Cara Membuat Download Box Seperti Animefans, Cara Membuat Download Box Seperti Fansub, Cara Membuat Download Box Fansub, Cara Membuat Link Download Fansub, Cara Membuat Link Download Seperti Animefans, How To Make Download Box Like Fansub, How To Make Download Link Fansub


Sebelumnya saya sudah posting tentang Cara Membuat Download Box Seperti Nekonime. Dan pada kesempatan kali ini saya ingin berbagi ilmu tentang Cara Membuat Download Box Seperti Animefans. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.

Pertama, Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum </b:skin> atau </style>

/* CSS Download Box Animefans - Aka321 */
.arealinker{padding: 10px;background: #ECECEC;font-size: 12px}
.arealinker span{font-weight: bold;display: block;margin-bottom: 5px}
.arealinker .boxdownload{overflow: hidden}
.arealinker .boxdownload .liner{margin-bottom: 2px}
.arealinker .boxdownload .liner .name{background: #D2D2D2;padding: 5px 10px;margin-bottom: 2px;font-weight: bold;color: #919191}
.arealinker .boxdownload .liner .listlink{padding: 5px 10px;background: #B3B3B3;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.arealinker .boxdownload .liner .listlink b{margin-right: 5px;float: left;color: #fff;font-size: 11px;line-height: 19px;padding: 0 5px;background: #3D8ECB}
.arealinker .boxdownload .liner .listlink a{display: block;float: left;margin-right: 5px;color: #000000}
.arealinker .boxdownload .liner .listlink a:hover{color:#3D8ECB}

Jika Sudah, Silahkan Simpan Template.

Kemudian, Saat Kamu membuat postingan baru terapkan Kode Download Box Animefans di bawah ini pada Tab HTML (Bukan Compose).

<div class="arealinker">
    <span>Download JUDUL ANIME</span>
    <div class="boxdownload">
        <div class="liner">
            <div class="name">JUDUL ANIME [480p]</div>
            <div class="listlink">
                <b>DDL</b>
                <a href="    LINK DOWNLOAD DI SINI    " rel="nofollow" target="_blank">Server 1</a>
                <a href="    LINK DOWNLOAD DI SINI    " rel="nofollow" target="_blank">Server 2</a>
                <a href="    LINK DOWNLOAD DI SINI    " rel="nofollow" target="_blank">Server 3</a>
            </div>
        </div>
        <div class="liner">
            <div class="name">JUDUL ANIME [720p]</div>
            <div class="listlink">
                <b>DDL</b>
                <a href="    LINK DOWNLOAD DI SINI    " rel="nofollow" target="_blank">Server 1</a>
                <a href="    LINK DOWNLOAD DI SINI    " rel="nofollow" target="_blank">Server 2</a>
                <a href="    LINK DOWNLOAD DI SINI    " rel="nofollow" target="_blank">Server 3</a>
            </div>
        </div>
    </div>
</div>

Jika Sudah, silahkan kamu mengganti kode yang sudah ditandai sesuai keinginan mu.



Sekian Tutorial kali ini. Semoga Bermanfaat. Sampai jumpa pada tutorial berikutnya.

Artikel Terkait

Seorang Blogger yang mengharapkan recehan dari blog kecilnya.

2 komentar

Komentar ini telah dihapus oleh pengarang.

Kalau titid ada b:skin dan style gimana

Silakan tambahkan komentar sesuai dengan topik dan komentar dengan link akan dihapus, terima kasih.
EmoticonEmoticon