Cara Membuat Tabel Link Download Seperti Samehadaku - Nanda Network

Cara Membuat Tabel Link Download Seperti Samehadaku

Samehadaku.net sudah tidak asing lagi bagi kita. Situs web yang menyediakan tempat mendownload berbagai jenis Anime dengan gratis. Mungkin anda sering mengunjunginya sekedar untuk membaca artikel baru,menonton anime/kartun atau mendownload komik dan video secara gratis.
Tapi, pernahkah anda memperhatikan tabel download yang ada di laman samehadaku untuk mendownload video?
Tabel Link download/formulir download dari samehadaku terlihat keren dan responsive. Serta perpaduan warnanya yang apik dan terlihat simpel. Tapi cantik untuk digunakan.
Nah, banyak yang ingin membuat tombol download seperti samehadaku.net tersebut karena berbagai alasan. Termasuk saya yang juga pernah mencari-cari tutorial tentang bagaimana caranya membuat tabel download keren seperti samehadaku tersebut. Namun,mungkin karna belum ada yang mengulas hal tersebut waktu itu,maka saya belum menemukan tipsnya.
Tapi,beberapa saat yang lalu saat saya browsing dan menemukannya tanpa disengaja. Saya menemukan tutorial ini pertama kali di situs madamvia. Untuk itu terimakasih madamvia. Dan saya juga tertarik membagikan tutorial cara membuat tabel download ala samehadaku.net
Bagi anda yang tertarik silahkan ikuti beberapa tahapan pemasangan nya dibawah.

Cara Membuat Tabel Link Download Seperti Samehadaku

1. Buka akun blogger anda.
2. Pilih menu template >> Klik edit HTML
3. Letakan kode dibawah ini tepat diatas kode ]]></b:skin>  atau </style>

.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;
}

Nahh untuk membuat kode pemanggilnya silahkan sobat copy code dibawah ini dan letakan di mode HTML saat membuat artikel.

  <div class="download-eps">
<ul>
<li style="text-align: center;">
<strong>360p</strong>
<a href="URLANDA" target="_blank" rel="nofollow">Solidfiles</a> |
<a href="URLANDA" target="_blank" rel="nofollow">Tusfiles</a> |
<a href="URLANDA" target="_blank" rel="nofollow">Acefile</a> |
<a href="URLANDA" target="_blank" rel="nofollow">Mirror</a>
<li style="text-align: center;">
<strong>720p</strong>
<a href="URLANDA" target="_blank" rel="nofollow">Solidfiles</a> |
<a href="URLANDA" target="_blank" rel="nofollow">Tusfiles</a> |
<a href="URLANDA" target="_blank" rel="nofollow">Acefile</a> |
<a href="URLANDA" target="_blank" rel="nofollow">Mirror</a>
<li style="text-align: center;">
<strong>1080p</strong>
<a href="URLANDA" target="_blank" rel="nofollow">Solidfiles</a> |
<a href="URLANDA" target="_blank" rel="nofollow">Tusfiles</a> |
<a href="URLANDA" target="_blank" rel="nofollow">Acefile</a> |
<a href="URLANDA" target="_blank" rel="nofollow">Mirror</a>
</li>
</ul>
</div>
Silahkan ganti nama "URLANDA" atau sobat sesuaikan dengan link dan nama situs downloadnya.

Bagaimana sobat? Cukup mudah bukan untuk memasang tombol download ala samehadaku.net? Hehe jangan lupa share dan tinggalkan komentar anda dibawah ya! Oh ya Follow juga situs blog kami untuk mendapatkan pemberitahuan lansung tentang artikel kami. Terimakasih

Source : Madamvia -   Membuat Link Download Seperti Situs Samehadaku

0 Response to "Cara Membuat Tabel Link Download Seperti Samehadaku"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel