Cara Membuat Tombol Download di Blog Seperti Samehadaku.tv

Cara Membuat Tombol Download di Blog Seperti Samehadaku.tv - Halo sobat blogger, Selamat datang di blog Dsop Gratis, setelah kemaren saya berbagi tentang tombol download jalantikus.com, kali ini saya ingin berbagi tentang tombol download yang dimiliki oleh samehadaku.net, Mungkin anda tidak asing lagi kan dengan website yang satu ini ? 

Samehadaku.net ini merupakan website asal negara kita yaitu indonesia yang menyediakan full film - film animasi ,Selain itu situs web ini pernah masuk dalam kategori situs download anime terpopuler loe. Wiw keren Ya.

Nah, Buat anda yang slalu main - main di situs web ini, pasti sering banget ngelihat tombol download yang tersedia seperti 360p,480p,780p,1080p iya kan ? Tombol download ini menurut saya penataannya bagus kawan , Karena seperti yang kita ketahui sendiri semakin jelas akan semakin mudah pengunjung untuk mendownloadnnya. Mau tau cara seperti apa? Yuuk kita simak artikel ini sampai habis Ya.

Tahap Pembuatan Tombol Download Samehadaku.net

• Masuk / Login Ke blogger anda
• Pilih Template > Edit Template
• Cari Kode ]></b:skin>
• Simpan Kode dibawah ini tepat diatasnya.

/*CSS TOMBOL DOWNLOAD - DSOPGRATIS*/
.dsopgratis box {
font-size: 15px;
font-weight: bold;
background: none repeat scroll 0% 0% #F5F5F5;
padding: 10px;    margin: 10px 0px;
}
.dsopgratis box ul {
margin: 0px;
padding: 0px;
list-style: outside none none;
}
.dsopgratis box ul li {
background: none repeat scroll 0% 0% #E4E4E4;
margin-bottom: 2px;
line-height: 26px;
padding: 0px 5px;
}
.dsopgratis box ul li strong {
background: none repeat scroll 0% 0% #1e7ce5;
border-right: 2px solid #F5F5F5;
width: 100px;
display: block;
float: left;
margin-left: -10px;
margin-right: 2px;
color: #FFF;
padding: 0px 5px;
text-align: left;
}
.dsopgratis box ul li a {
color: #857979;
}

• Kemudian seperti biasa, Buatlah Postingan masukkkan kode dibawah ini pada mode HTML bukan Compose

<div class="dsopgratis box">
<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>480p</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>

• Publikasikan
• Dan lihat hasilnya

Beginilah Cara Membuat Tombol Download di Blog Seperti Samehadaku.tv, Bagaimana cukup mudah kan tutorialnya ? Jika ada pertanyaan atau saran dan lainnya silakan share komentar anda dibawah atau ke kontak admin, Terimah kasih atas kunjungan anda di blog kecil saya ini, Semoga cara ini bisa membantu anda untuk memberikan kesan pada pengunjung, Selamat mencoba " SALAM SUKSES"