Notification texts go here Contact Us Buy Now!

Newsletter

Get notifications from this blog...

How to make Download Box for Anime Download?

Download Box is usually used by fansub to make the website more similar to the others. Sometimes there are many fansub who don't know how to make it..
Please wait 0 seconds...
Scroll Down and click on Go to Link for destination
Congrats! Link is Generated
How to Make a Download Box Like an Anime Site
How to Make a Download Box Like an Anime Site
Download Box is usually used by fansub to make the website more similar to the others. Sometimes there are many fansub who don't know how to make a download box like this. So I will give a tutorial directly.

HOW TO MAKE DOWNLOAD BOX LIKE ANIME SITE


First, login to Blogger > select Theme and click Edit HTML > then add the CSS below above code </style> or ]]></b:skin>
/* Download Boxes Like Anime Sites By Anands.xyz*/
.download-box{font-size:15px;font-weight:500;background:#fff;padding:5px;margin:5px 0;}
.download-kotak{background:#f2f2f2;margin-bottom:5px 0;border-radius:20px;padding:10px;}
.download-kotak strong{background:#18a37e;color:#fff;border-radius:20px;float:left;padding:10px;margin:-10px;margin-right:10px;width:65px;}
.download-kotak a{font-size:12px;color:#000;} 
.drK .download-kotak strong{background:#222;}
.drK .download-box{background:#28231d;}
.drK .download-kotak{background:#020202;}
.drK .download-kotak a{color:#fff;}
Then click Save Theme . When finished add this code to your post in select HTML (not Compose )
<div class="download-box">
<div class="download-kotak"> <strong>1080p</strong>
<a href="#" rel="nofollow" target="_blank">Server 1</a> |
<a href="#" rel="nofollow" target="_blank">Server 2</a> |
<a href="#" rel="nofollow" target="_blank">Server 3</a> |
<a href="#" rel="nofollow" target="_blank">Server 4</a>
</div>
<div class="download-kotak"> <strong>720p</strong>
<a href="#" rel="nofollow" target="_blank">Server 1</a> |
<a href="#" rel="nofollow" target="_blank">Server 2</a> |
<a href="#" rel="nofollow" target="_blank">Server 3</a> |
<a href="#" rel="nofollow" target="_blank">Server 4</a>
</div>
<div class="download-kotak"> <strong>360p</strong>
<a href="#" rel="nofollow" target="_blank">Server 1</a> |
<a href="#" rel="nofollow" target="_blank">Server 2</a> |
<a href="#" rel="nofollow" target="_blank">Server 3</a> |
<a href="#" rel="nofollow" target="_blank">Server 4</a>
</div>
<div class="download-kotak"> <strong>240p</strong>
<a href="#" rel="nofollow" target="_blank">Server 1</a> |
<a href="#" rel="nofollow" target="_blank">Server 2</a> |
<a href="#" rel="nofollow" target="_blank">Server 3</a> |
<a href="#" rel="nofollow" target="_blank">Server 4</a>
</div>
</div>
Click below and see how it results after applying 🥰.

Getting Info...

About the Author

Hi, I am Anand Nawal and my motive is to give you the best guide over your Query☺️

Post a Comment

Cookie Consent
Hey, we need your cookies to taste & collect information about you which we encrypt to your end only. Though we comply with Google's Policy and provide them analysis of your activity 🙂
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.