Cara Membuat Download Box Seperti Samehadaku

Bagi kamu yang suka sekali dengan Blog anime terutama Blog Download anime mungkin pasti kepingin punya Download Box yang keren seperti Blog Anime ternama misalnya saja Samehadaku, dengan style Download Box yang simple dan mudah untuk di download ini pastinya tidak akan menyulitkan orang untuk mendownload anime di samehadaku.

Nah untuk membuat Download Box seperti Samehadaku ini sangat mudah sekali kita hanya akan menggunakan CSS dan HTML saja tidak perlu menggunakan JS karena ini hanya Download Box.

Cara Membuat Download Box Samehadaku

1. Masuk ke Dashboard blog kamu blogger.com

2. Silahkan Klik Template/Tema cari kode </style> or </b:skin> lalu copy kode css dibawah ini

.download-eps{font-size:9px;font-weight:bold;background:none repeat scroll 0% 0% #F5F5F5;padding:10px;margin:10px 0;}.download-eps ul{margin:0;padding:0;list-style:outside none none;}.download-eps ul li{background:none repeat scroll 0% 0% #E4E4E4;margin-bottom:2px;line-height:26px;padding:0 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:0 5px;text-align:left;}

3. Simpan kode css tersebut diatas kode </style> or </b:skin>

4. Simpan Template/Tema

 5. Sekarang untuk pemasangan kodenya masuk ke post > Lalu pilih mode HTML bukan Compose dan masukan kode HTML berikut

 <div class="download-eps">
<ul>

<li style="text-align: center;">
<strong>360p</strong> 
<a href="LINK URL" target="_blank" rel="nofollow">Solidfiles</a> | 
<a href="LINK URL" target="_blank" rel="nofollow">Tusfiles</a> | 
<a href="LINK URL" target="_blank" rel="nofollow">Acefile</a> | 
<a href="LINK URL" target="_blank" rel="nofollow">Mirror</a>

<li style="text-align: center;">
<strong>720p</strong> 
<a href="LINK URL" target="_blank" rel="nofollow">Solidfiles</a> | 
<a href="LINK URL" target="_blank" rel="nofollow">Tusfiles</a> | 
<a href="LINK URL" target="_blank" rel="nofollow">Acefile</a> | 
<a href="LINK URL" target="_blank" rel="nofollow">Mirror</a>

<li style="text-align: center;">
<strong>1080p</strong> 
<a href="LINK URL" target="_blank" rel="nofollow">Solidfiles</a> | 
<a href="LINK URL" target="_blank" rel="nofollow">Tusfiles</a> | 
<a href="LINK URL" target="_blank" rel="nofollow">Acefile</a> | 
<a href="LINK URL" target="_blank" rel="nofollow">Mirror</a>

</li>
</ul>
</div> 

6. Pada tulisan Link URL ganti dengan link url download animenya

5. Selesai

Nah sekarang kamu dapat melihat Download Box yang sudah mirip sekali dengan Samehadaku.

Demo Tutorial

Share this post