Breaking News:

latest

Stylish Download Box For Blogger

Hello and Welcome to GetWebInfo.Com. Here on this post you can be able to find out Latest article is about a Download Box in table view. I w...

Hello and Welcome to GetWebInfo.Com. Here on this post you can be able to find out Latest article is about a Download Box in table view. I will give a code that can help you out to install a Download box in to your Blogger template post. Actually this method is not much difficult, because we only have IE, the theme that is used by the site later we will able to see the codes.



But indeed for those who don't really understand HTML code, this might be a bit difficult so here, GetWebInfo will make a tutorial to make it easier for those who want to make download links like Anime sites.



How to Implement Download Box in to your Blogger post

First of all Open Log in to your Blogger account. Then click on Theme menu and click also on Edit HTML button> Add this CSS code before </head>

<style type='text/css'>
.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:#00b894;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}
</style>

Then click the Save theme button. After that add the code below in the post on the HTML tab (not Compose) and fill in the marked code can also be replaced as needed.

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

After this you can just save your setting and you can all don.

You can also change these red line with your desire download able link. I Hope this article is really helpful for you if you like this article so please share it on social media with your friend thanks for reading. 

No comments