Cara Membuat Download Box Responsive Keren di Blog

Bagi para sobat yang mempunyai blog download anime dan masih bingung membuat tabel download seperti situs situs anime fansub maupun fanshare yang sangat bagus.Nah pada postingan kali ini saya ingin membagikan cara membuat box download anime responsive mirip seperti Samehadaku, Kusonime dan yang lainnya.

Bagi situs penyedia konten download anime sudah sewajarnya mempunyai download box, agar tampilan situsnya terlihat lebih menarik dan para pengunjung betah berlama lama di situsnya.

Tentunya download box yang saya bagikan ini sangat ringan dan mudah untuk dikonfigurasikan ke blog sobat.Tinggal copy kodenya dan pastekan di blog sobat pada mode penulisan HTML.

Download Box Style 1

<div class="dlmn-head" style="background: rgb(68, 68, 68); border: 0px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 6px; text-align: center; vertical-align: baseline;">
Download Anime Subtitle Indonesia BATCH</div>
<div class="download-eps" style="background-attachment: scroll; background-color: whitesmoke; background-image: none; background-position: 0% 0%; background-repeat: repeat; border: 0px; color: #444444; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 9px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 10px 0px; padding: 10px; text-align: center; vertical-align: baseline;">
<ul style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style: none outside none; margin: 0px; padding: 0px; vertical-align: baseline;">
<li style="background: none 0% 0% repeat scroll rgb(228, 228, 228); border: 0px; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 26px; margin: 0px 0px 2px; padding: 0px 5px; text-align: center; vertical-align: baseline;"><b style="background: none 0% 0% repeat scroll rgb(68, 68, 68); border-bottom-width: 0px; border-left-width: 0px; border-right: 2px solid rgb(245, 245, 245); border-top-width: 0px; color: white; display: block; float: left; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 2px 0px -5px; padding: 0px 5px; text-align: left; vertical-align: baseline; width: 50px;">360p<a href="#" rel="nofollow noopener" style="border: 0px; color: #444444; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> Zippyshare </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #444444; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> Mediafire </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #444444; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> Mega </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #444444; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> Google Drive </a></li>
<li style="background: none 0% 0% repeat scroll rgb(228, 228, 228); border: 0px; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 26px; margin: 0px 0px 2px; padding: 0px 5px; text-align: center; vertical-align: baseline;"><b style="background: none 0% 0% repeat scroll rgb(68, 68, 68); border-bottom-width: 0px; border-left-width: 0px; border-right: 2px solid rgb(245, 245, 245); border-top-width: 0px; color: white; display: block; float: left; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 2px 0px -5px; padding: 0px 5px; text-align: left; vertical-align: baseline; width: 50px;">480p<a href="#" rel="nofollow noopener" style="border: 0px; color: #444444; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> Zippyshare </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #444444; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> Mediafire </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #444444; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> Mega </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #444444; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> Google Drive </a></li>
<li style="background: none 0% 0% repeat scroll rgb(228, 228, 228); border: 0px; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 26px; margin: 0px 0px 2px; padding: 0px 5px; text-align: center; vertical-align: baseline;"><b style="background: none 0% 0% repeat scroll rgb(68, 68, 68); border-bottom-width: 0px; border-left-width: 0px; border-right: 2px solid rgb(245, 245, 245); border-top-width: 0px; color: white; display: block; float: left; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 2px 0px -5px; padding: 0px 5px; text-align: left; vertical-align: baseline; width: 50px;">720p<a href="#" rel="nofollow noopener" style="border: 0px; color: #444444; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> Zippyshare </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #444444; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> Mediafire </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #444444; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> Mega </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #444444; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> Google Drive </a></li>
</ul>
</div>

Download Box Style 2

<div class="dlmn-head" style="background: rgb(228, 228, 228); border: 0px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 6px; text-align: center; vertical-align: baseline;">
Download Anime Episode 02 Subtitle Indonesia MP4</div>
<div class="download-eps" style="background-attachment: scroll; background-color: whitesmoke; background-image: none; background-position: 0% 0%; background-repeat: repeat; border: 0px; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 9px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 10px 0px; padding: 10px; text-align: center; vertical-align: baseline;">
<ul style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style: none outside none; margin: 0px; padding: 0px; vertical-align: baseline;">
<li style="background: none 0% 0% repeat scroll rgb(228, 228, 228); border: 0px; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 26px; margin: 0px 0px 2px; padding: 0px 5px; text-align: center; vertical-align: baseline;"><b style="background: none 0% 0% repeat scroll rgb(30, 124, 229); border-right-color: rgb(245, 245, 245); border-right-style: solid; border-width: 0px 2px 0px 0px; color: white; display: block; float: left; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 2px 0px -5px; padding: 0px 5px; text-align: left; vertical-align: baseline; width: 100px;"><center>
360p<center>
</center>
</center>
<a href="#" rel="nofollow noopener" style="border: 0px; color: red; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> ZS </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: red; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> SF </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: red; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> MF </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: red; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> MG </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: red; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> GD </a></li>
<li style="background: none 0% 0% repeat scroll rgb(228, 228, 228); border: 0px; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 26px; margin: 0px 0px 2px; padding: 0px 5px; text-align: center; vertical-align: baseline;"><b style="background: none 0% 0% repeat scroll rgb(30, 124, 229); border-right-color: rgb(245, 245, 245); border-right-style: solid; border-width: 0px 2px 0px 0px; color: white; display: block; float: left; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 2px 0px -5px; padding: 0px 5px; text-align: left; vertical-align: baseline; width: 100px;"><center>
480p<center>
</center>
</center>
<a href="#" rel="nofollow noopener" style="border: 0px; color: red; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> ZS </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: red; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> SF </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: red; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> MF </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: red; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> MG </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: red; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> GD </a></li>
<li style="background: none 0% 0% repeat scroll rgb(228, 228, 228); border: 0px; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 26px; margin: 0px 0px 2px; padding: 0px 5px; text-align: center; vertical-align: baseline;"><b style="background: none 0% 0% repeat scroll rgb(30, 124, 229); border-right-color: rgb(245, 245, 245); border-right-style: solid; border-width: 0px 2px 0px 0px; color: white; display: block; float: left; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 2px 0px -5px; padding: 0px 5px; text-align: left; vertical-align: baseline; width: 100px;"><center>
720p<center>
</center>
</center>
<a href="#" rel="nofollow noopener" style="border: 0px; color: red; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> ZS </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: red; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> SF </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: red; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> MF </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: red; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> MG </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: red; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> GD </a></li>
</ul>
</div>

Download Box Style 3

<div class="dlmn-head" style="background: rgb(255, 129, 27); border: 0px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 6px; text-align: center; vertical-align: baseline;">
Download Anime Episode 02 Subtitle Indonesia</div>
<div class="download-eps" style="background-attachment: scroll; background-color: whitesmoke; background-image: none; background-position: 0% 0%; background-repeat: repeat; border: 0px; color: #444444; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 9px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 10px 0px; padding: 10px; text-align: center; vertical-align: baseline;">
<ul style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style: none outside none; margin: 0px; padding: 0px; vertical-align: baseline;">
<li style="background: none 0% 0% repeat scroll rgb(228, 228, 228); border: 0px; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 26px; margin: 0px 0px 2px; padding: 0px 5px; text-align: center; vertical-align: baseline;"><b style="background: none 0% 0% repeat scroll rgb(30, 124, 229); border-bottom-width: 0px; border-left-width: 0px; border-right: 2px solid rgb(245, 245, 245); border-top-width: 0px; color: white; display: block; float: left; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 2px 0px -5px; padding: 0px 5px; text-align: left; vertical-align: baseline; width: 100px;">MP4 360p<a href="#" rel="nofollow noopener" style="border: 0px; color: #eca204; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank">[ ZS ]</a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #eca204; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank">[ MF ]</a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #eca204; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank">[ MG ]</a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #eca204; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank">[ GD ]</a></li>
<li style="background: none 0% 0% repeat scroll rgb(228, 228, 228); border: 0px; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 26px; margin: 0px 0px 2px; padding: 0px 5px; text-align: center; vertical-align: baseline;"><b style="background: none 0% 0% repeat scroll rgb(30, 124, 229); border-bottom-width: 0px; border-left-width: 0px; border-right: 2px solid rgb(245, 245, 245); border-top-width: 0px; color: white; display: block; float: left; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 2px 0px -5px; padding: 0px 5px; text-align: left; vertical-align: baseline; width: 100px;">MP4 480p<a href="#" rel="nofollow noopener" style="border: 0px; color: #eca204; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank">[ ZS ]</a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #eca204; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank">[ MF ]</a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #eca204; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank">[ MG ]</a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #eca204; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank">[ GD ]</a></li>
<li style="background: none 0% 0% repeat scroll rgb(228, 228, 228); border: 0px; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 26px; margin: 0px 0px 2px; padding: 0px 5px; text-align: center; vertical-align: baseline;"><b style="background: none 0% 0% repeat scroll rgb(30, 124, 229); border-bottom-width: 0px; border-left-width: 0px; border-right: 2px solid rgb(245, 245, 245); border-top-width: 0px; color: white; display: block; float: left; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 2px 0px -5px; padding: 0px 5px; text-align: left; vertical-align: baseline; width: 100px;">MP4 720p<a href="#" rel="nofollow noopener" style="border: 0px; color: #eca204; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank">[ ZS ]</a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #eca204; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank">[ MF ]</a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #eca204; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank">[ MG ]</a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: #eca204; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank">[ GD ]</a></li>
</ul>
</div>

Download Box Style 4

<div class="dlmn-head" style="background: rgb(50, 205, 50); border: 0px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 6px; text-align: center; vertical-align: baseline;">
Download Anime Episode 102 Subtitle Indonesia MP4</div>
<div class="download-eps" style="background-attachment: scroll; background-color: whitesmoke; background-image: none; background-position: 0% 0%; background-repeat: repeat; border: 0px; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 9px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 10px 0px; padding: 10px; text-align: center; vertical-align: baseline;">
<ul style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style: none outside none; margin: 0px; padding: 0px; vertical-align: baseline;">
<li style="background: none 0% 0% repeat scroll rgb(228, 228, 228); border: 0px; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 26px; margin: 0px 0px 2px; padding: 0px 5px; text-align: center; vertical-align: baseline;"><b style="background: none 0% 0% repeat scroll rgb(50, 205, 50); border-right-color: rgb(245, 245, 245); border-right-style: solid; border-width: 0px 2px 0px 0px; color: white; display: block; float: left; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 2px 0px -5px; padding: 0px 5px; text-align: left; vertical-align: baseline; width: 100px;"><center>
360p<center>
</center>
</center>
<a href="#" rel="nofollow noopener" style="border: 0px; color: green; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> ZS </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: green; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> SF </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: green; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> MF </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: green; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> MG </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: green; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> GD </a></li>
<li style="background: none 0% 0% repeat scroll rgb(228, 228, 228); border: 0px; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 26px; margin: 0px 0px 2px; padding: 0px 5px; text-align: center; vertical-align: baseline;"><b style="background: none 0% 0% repeat scroll rgb(50, 205, 50); border-right-color: rgb(245, 245, 245); border-right-style: solid; border-width: 0px 2px 0px 0px; color: white; display: block; float: left; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 2px 0px -5px; padding: 0px 5px; text-align: left; vertical-align: baseline; width: 100px;"><center>
480p<center>
</center>
</center>
<a href="https://www.blogger.com/blogger.g?blogID=1439997856733909530#" rel="nofollow noopener" style="border: 0px; color: green; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> ZS </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: green; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> SF </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: green; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> MF </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: green; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> MG </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: green; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> GD </a></li>
<li style="background: none 0% 0% repeat scroll rgb(228, 228, 228); border: 0px; font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 26px; margin: 0px 0px 2px; padding: 0px 5px; text-align: center; vertical-align: baseline;"><b style="background: none 0% 0% repeat scroll rgb(50, 205, 50); border-right-color: rgb(245, 245, 245); border-right-style: solid; border-width: 0px 2px 0px 0px; color: white; display: block; float: left; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 2px 0px -5px; padding: 0px 5px; text-align: left; vertical-align: baseline; width: 100px;"><center>
720p<center>
</center>
</center>
<a href="#" rel="nofollow noopener" style="border: 0px; color: green; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> ZS </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: green; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> SF </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: green; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> MF </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: green; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> MG </a> | <a href="#" rel="nofollow noopener" style="border: 0px; color: green; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank"> GD </a></li>
</ul>
</div>

Untuk menerapkannya kedalam blog sobat,klik link yang ingin di ubah dengan link punya sobat.Lihat contoh gambar dibawah.

Selanjutnya ubah namanya sesuai keinginan sobat dan juga pada kotak url isikan dengan url download kepunyaan sobat klik OK, lihat contoh gambar dibawah.

Untuk demonya silahkan diklik Demo Button di bawah.

Klik Demo Klik Disini

Sangat mudah bukan sobat cara membuat download box responsive diblog tinggal copy kodenya saja.Apabila masih ada yang kurang jelas silahkan diutarakan melalui kolom komentar dan selamat mencoba.

TAMBOENMAN

Cara Membuat Download Box Responsive Keren di Blog

Menu Halaman Statis