Mangainfo
Sign in

Tools for your site

Manga release badge

The badge shows the next English volume of a series and the day it comes out. It changes on its own when a publisher announces a date.

It is an SVG image. It works wherever an image works: a web page, a GitHub README, a forum post or a Notion page.

Preview

A title or the name in a Mangainfo address, such as blue-lock.

Default
The Girl From the Other Side: Siúil, a Rún: every volume is out in English. Data from Mangainfo.
type=latest
The Girl From the Other Side: Siúil, a Rún: the latest English volume is volume 11, out on 9 November 2021. Data from Mangainfo.
type=status
The Girl From the Other Side: Siúil, a Rún: complete in English with 11 volumes. Data from Mangainfo.
type=behind
The Girl From the Other Side: Siúil, a Rún: English has caught up with Japan. Data from Mangainfo.

Data from the The Girl From the Other Side: Siúil, a Rún page.

Code

HTML

<a href="https://mangainfo.com/series/totsukuni-no-shoujo"><img src="https://mangainfo.com/badge/totsukuni-no-shoujo.svg" alt="The Girl From the Other Side: Siúil, a Rún: next English volume" height="20"></a>

Markdown

For a GitHub README, an issue, a wiki or a Markdown blog.

[![The Girl From the Other Side: Siúil, a Rún: next English volume](https://mangainfo.com/badge/totsukuni-no-shoujo.svg)](https://mangainfo.com/series/totsukuni-no-shoujo)

BBCode

For forums that use BBCode.

[url=https://mangainfo.com/series/totsukuni-no-shoujo][img]https://mangainfo.com/badge/totsukuni-no-shoujo.svg[/img][/url]

React

<a href="https://mangainfo.com/series/totsukuni-no-shoujo">
  <img src="https://mangainfo.com/badge/totsukuni-no-shoujo.svg" alt="The Girl From the Other Side: Siúil, a Rún: next English volume" height={20} />
</a>

Vue

<template>
  <a href="https://mangainfo.com/series/totsukuni-no-shoujo"><img src="https://mangainfo.com/badge/totsukuni-no-shoujo.svg" alt="The Girl From the Other Side: Siúil, a Rún: next English volume" height="20"></a>
</template>

Svelte

<a href="https://mangainfo.com/series/totsukuni-no-shoujo"><img src="https://mangainfo.com/badge/totsukuni-no-shoujo.svg" alt="The Girl From the Other Side: Siúil, a Rún: next English volume" height="20"></a>

WordPress

Paste it into a Custom HTML block. An Image block with "Insert from URL" takes the image address alone.

<a href="https://mangainfo.com/series/totsukuni-no-shoujo"><img src="https://mangainfo.com/badge/totsukuni-no-shoujo.svg" alt="The Girl From the Other Side: Siúil, a Rún: next English volume" height="20"></a>

Notion

Type /image, choose Embed link and paste this address.

https://mangainfo.com/badge/totsukuni-no-shoujo.svg

Addresses

AddressShows
https://mangainfo.com/badge/{series}.svgThe next English volume and its date. The default.
https://mangainfo.com/badge/{series}.svg?type=latestThe latest English volume and the day it came out.
https://mangainfo.com/badge/{series}.svg?type=statusComplete in English, caught up with Japan or how far English is.
https://mangainfo.com/badge/{series}.svg?type=behindHow many volumes English is behind Japan.

The name of a series is the last part of its address on Mangainfo: mangainfo.com/series/blue-lock is blue-lock.

Questions

How do I show the next manga volume on my website?

Pick the series above and copy the HTML. It is one image in a link. The image always shows the next English volume with its date.

How often does the badge change?

Mangainfo checks its sources every morning. A badge follows within a few hours of a new date. Your page needs no change.

Can I use the badge on GitHub?

Yes. Use the Markdown code. GitHub shows SVG images in a README, in issues and in discussions.

Does the badge cost anything?

No. There is no account and no key. The one condition is the link back to Mangainfo that the code already holds.

Which series have a badge?

Every series with a page on Mangainfo: manga with an English edition that has a date. Adult series have none.