Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Cara Membuat Link Download Box Seperti Samehadaku

Cara Membuat Link Download Box Seperti Samehadaku - Yosh, pada kali ini saya akan membagikan kepada kalian cara membuat download box / link download seperti samehadaku. Bagi kalian yang mempunyai blog atau website streaming anime ataupun download anime pasti sangat membutuhkan yang namanya link download.

Cara Membuat Link Download Box Seperti Samehadaku

Cara Membuat Download Box Seperti Samehadaku - Tetapi untuk membuat link download yang keren dan bervariasi kalian membutuhkan yang namanya script. Dengan script tersebut kita langsung tempelkan saja dibagian html postingan dan akan memerintahkan script tersebut menjadi link download. Oke kita langsung saja ke tutorianya.

CARA MEMBUAT LINK DOWNLOAD BOX SEPERTI SAMEHADAKU


1. Sobat masuk ke Blogger
2. Cari Menu "Tema" > "Edit HTML"
3. Cari Kode ]]></b:skin> (Dengan menggunakan CTRL + F)
4. Copy dan pastekan kode dibawah ini lalu letakkan diatas kode
]]></b:skin>
/*Download Box Samehadaku - indodominic.blogspot.com*/
.download-eps {
    font-size: 9px;
    font-weight: bold;
    background: none repeat scroll 0% 0% #F5F5F5;
    padding: 10px;
    margin: 10px 0px;
}
.download-eps ul {
    margin: 0px;
    padding: 0px;
    list-style: outside none none;
}
.download-eps ul li {
    background: none repeat scroll 0% 0% #E4E4E4;
    margin-bottom: 2px;
    line-height: 26px;
    padding: 0px 5px;
    font-size: 15px;
}
.download-eps ul li strong {
    background: none repeat scroll 0% 0% #1e7ce5;
    border-right: 2px solid #F5F5F5;
    width: 150px;
    display: block;
    float: left;
    margin-left: -5px;
    margin-right: 2px;
    color: #FFF;
    padding: 0px 5px;
    text-align: left;
}

5. Lalu simpan Template (Saya sarankan sebelum mengotak atik template sobat backup terlebih dahulu)
6. Buatlah sebuah postingan dengan mode "HTML" bukan "Compose" lalu masukkan kode dibawah ini untuk membuat download boxnya.

<div class="download-eps">
<ul>
<li style="text-align: center;">
<strong>360p</strong>
<a href="#" target="_blank" rel="nofollow">Solidfiles</a> |
<a href="#" target="_blank" rel="nofollow">Tusfiles</a> |
<a href="#" target="_blank" rel="nofollow">Acefile</a> |
<a href="#" target="_blank" rel="nofollow">Mirror</a>
<li style="text-align: center;">
<strong>720p</strong>
<a href="#" target="_blank" rel="nofollow">Solidfiles</a> |
<a href="#" target="_blank" rel="nofollow">Tusfiles</a> |
<a href="#" target="_blank" rel="nofollow">Acefile</a> |
<a href="#" target="_blank" rel="nofollow">Mirror</a>
<li style="text-align: center;">
<strong>1080p</strong>
<a href="#" target="_blank" rel="nofollow">Solidfiles</a> |
<a href="#" target="_blank" rel="nofollow">Tusfiles</a> |
<a href="#" target="_blank" rel="nofollow">Acefile</a> |
<a href="#" target="_blank" rel="nofollow">Mirror</a>
</li>
</ul>
</div>

7. Tinggal sobat publikasikan atau ingin coba lihat pratinjaunya terlebih dahulu.


DEMO!


Mungkin hanya itu saja tutorial yang dapat saya bagikan mengenai cara membuat download box seperti samehadaku. Terima kasih sudah berkunjung. Salam Sukses. 
iWasOtaku
iWasOtaku Hanya seorang manusia biasa yang ingin membagikan pengetahuannya tentang game-game kepada masyarakat luas.

Posting Komentar untuk "Cara Membuat Link Download Box Seperti Samehadaku"