How to create manga info page

A manga info page looks like this. It is important to organize your chapters and provide information of the manga to readers. In order to create manga info page, you should know how to create a new post first.

Alright, let's get started now.

*Note: if there is any pre-added code on post body, please delete it

Step 1: Create a post, then copy the code below, place into post body and replace highlighted areas following instruction.

<div class="anima cl">

<div class="anima-top cl">

<div class="anima-thumb col-md-2 col-sm-3 col-xs-3 col-mb-12">

<div class="anima-info col-md-10 col-sm-9 col-xs-9 col-mb-12">

<b>Title</b>: Biorg Trinity

<b>Other name</b>: バイオーグ・トリニティ; Biorg Trinity

<b>Reading Type</b>: Japanese Manga - Read from right to left.

<b>Volume</b>: Unknown.

<b>Genre</b>: Action Adult Comedy Drama Mature Romance School Life Sci-fi Seinen

<b>Author</b>: MAIJOU Outarou (Story), Oh! Great (Art).

<b>Status</b>: Ongoing.

<b>Score</b>: <i class="us us-five"></i>

</div>

<div class="anima-synops">

Biorg Trinity follows Fujii, a high-school student who is in love with Enomoto Fumiho. He lives in a world where people are touched by a rare "illness" called the Biorg Bug. One day Fujii catches the bug which makes holes in the shape of hearts on his hands. What will happen to him now?

</div>

<b>Chapter list

</b><script type="text/javascript">

var numposts = 100;

var standardstyling = true;

function showrecentposts(json) {

for (var i = 0; i < numposts; i++) {

var entry = json.feed.entry[i];

var posttitle = entry.title.$t;

var posturl;

if (i == json.feed.entry.length) break;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

posturl = entry.link[k].href;

break;

}}

posttitle = posttitle.link(posturl);

if (standardstyling) document.write('<li>');

document.write(posttitle);}

if (standardstyling) document.write('</li>

');

}

</script>

<br />

<ul>

<script src="https://mangalism.blogspot.com//feeds/posts/default/-/Biorg Trinity?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>

</ul>

1) Replace blue color text with the url address of the cover image file of your manga. Click here to see how to find url address.

2) Replace red color text with the summary of your manga (you can find it from mangaupdates or other sources)
3) Replace orange color text with respective information

4) Replace purple color text with the name of your manga. This name and the label name you put on manga chapter is the same. E.g, Gokusai, Naruto, One Piece....

Step 2: Add scanlation group name in label box.

Scanlation group name is combined of letter g + name of the group.

For example, if the group name is mangalism, you will add gmangalism in the label box. If the group name is pixeltranslations, then you will add gpixeltranslations in the label box.

Step 3: Type the word "manga" and add name of the manga to label box. This name is the same like purple color label

See example image below (If the image is too blurry, please right click on the image/ open in new tab)

Step 4: Click Schedule/ Set date and time and pick a date in the past, about one or two year from now. E.g, 06/03/2016 or 01/12/2015

Step 5: Click "Publish" to finish

That's it for today! Creating manga info page may take a while but you only have to do it once for a manga!Now you can go to Manga list to check if your manga info page was created.
From now on, whenever you post a new chapter, that chapter will be added into your manga info page automatically (just remember to add same label name of the manga)
If the look of the page is not what you expected, please contact me (at the email I sent you invitation ) to fix it.

Click "Download" button to read online!
Link

Tips: You're reading How to create manga info page. Please use left and right keyboard keys or click on the left/right arrow (or anywhere vertical to the arrows) to browse between pages. Readers who are viewing on mobile devide can also swipe left/right or touch the left/right corner of the image to access previous/next page.