Anilist Pro adalah template blogger khusus untuk manga, fansub, atau novel.

Ini adalah merupakan template terumit yang pernah saya kerjakan. Tapi syukur meskipun banyak mengalami kesulitan, akhirnya bisa selesai juga sesuai standar fansubbing. Template ini adalah generasi penerus pelacak fansub sekaligus versi terakhir cloning anilis.co. Tidak ada versi lain setelah ini. Ini adalah produk final. Untuk proyek berikutnya akan ada jenis template baru.

Demo MangaDemo FansubDownload v2.8

Untuk sementar jangan di upload demo post. Kalau sudah terlanjut tambahkan code berikut diatas gambar manga <span><!--more--></span>

Update 2.5

• Menhapus random post penyebab loading lama
• Grid Chapter di halaman depan
  
• Penambahan Anilist Pro Fansub

Update 2.6

• Sedikit modifikasi halaman depan
• Minor fix tampilan responsive
• Demo template fansub
  

Update 2.7 (wajib update)

• Terlalu banyak perbaikan sampai-sampai saya lupa apa yang diperbaiki
• Download box fansub
  

Update 2.8 (SEO)

• meta header seo baru
• turbo mode (cari b:js='true' lalu ubah menjadi b:js='false')
  
• recent komentar (edit sesuai url disqus masing-masing)
  
• meta keyword baru

• seo gambar
• perbaikan post bottom nav
• tambahan deskripsi anime musiman tag (Fansub)
• other minor fix
  

Untuk developer blogger, khususnya yang membuat template fansub, silahkan dibedah dan periksa codenya, siapa tahu akan memberikan inspirasi untuk membuat template yang lebih bagus dari ini. semua code bersifat open source. Silahkankn dilihat dan copy untuk dipakai di blog kalian. Mudah-mudahan dengan semangat open source, template fansub bisa menjadi lebih advance dari tempalate blog biasa. Diharapkan kedepannya akan banyak developer yang khusus membuat tempalate fansub.

Kenapa harus memilih template Anilist Pro

• Gratis: ini alasan utamanya, tidak perlu mengeluarkan uang sepeser pun sudah bisa membuat website manga, fansub, atau novel.
  
• Desain anti mainstream: Desain unik tidak seperti website manga lainnya. Banyak sekali wesite manga namun desainnya hampir mirip. Sesekali apa salahnya bikin desain yang berbeda.
  
• Peforma: Template ini memakai css grid dan flexbox. keduanya css tersebut mengatur layout yang ringan dengan code minim. juga, dibekali dengan css modular atau istilah kerennya utility css. singkatnya, sedikit coding, peforma tinggi.
• Custom Schema: Pernah liat schema Kitsu atau Anilist. Mereka memakai schema CreativeWork yang jauh berbeda dari schema posting blog. CreativeWork adalah schema yang khusus kontent kreative seperti anime, manga atau novel, artinya cocok sekali untuk fansub. Schema jenis ini saya racik khusus untuk blogger. Selain itu, ada juga namanya item listing schema. Bagi yang tidak tahu, schema ini berfungsi membuat list daftar anime dibawah catagori tertentu. Saya sangat berharap dengan schma baru ini dapat mendongkrak SEO template Anilist Pro. Dua jenis schema tadi pertama kali di pasang di template ini.

Berikut adalah tata cara instalasi

1. Download Notepad ++
2. Ekstrak file zip buka file Anilist_Pro_v2.3.xml buka dengan notepad ++, copy semua code
   
3. Masuk ke Tema > Edit HTML > Paste
   
4. Peringatan jangan di upload langsung.

Cara upload demo post (Posting halaman depan hanya muncul 1 chapter)

Untuk mengatasinya, tambahan code berikut di setiap postingan chapter gambar. Pastekan diatas gambar <span><!--more--></span>




Cara upload demo post:

1. Masuk ke Setting > Manage Blog > Import Content
2. Cari file ini demo_post.xml
3. Import

Download Box

Pemakain download box tidaklah sulit. Setidaknya tahu sedikit html:

1. Buka file download box dengan notepad ++ copy semua code
   
2. Masuk ke postingan > Tampilan HTML
3. Paste dibawah
   

Pilih salah satu download box. Ada dua jenis:

• download_box.xml : untuk menampilkan seluruh chapter. Contoh disini.
  
• download_box_v2.xml : untuk membagi chaper menjadi beberapa bagian. Contoh disini.

Cara posting manga chapter

Postingan chapter hanya muncul di halaman depan. Cara lebih gampang yaitu dengan melihat demo post.

1. Tambahkan posting > beri judul postingan > Nama Manga Chapter 01
2. Beri label Chapter dan label Manga
3. Upload semua gambar. Tunggu sampai semua gambar termuat
4. Tambahkan code berikut sebelum gambar <span><!--more--></span>
5. Tambahkan tombol next dan previous, ada di file next previous button.xml
   
6. Edit link secara manual
7. Publish
   

Kotak komentar Disqus

Cari code berikut var disqus_shortname = 'anilist-pro';. Ganti anilist-pro dengan shorname disqus kalian.

Dukungan Browser

Hanya mendukung Firefox atau Chrome. Coba tebak code css apakah ini grid-template-areas: 'a1 a2''a1 a3'. Itu adalah layout yang menyatakan 1 sidebar di kiri dan postingan di kanan. Lumayan aneh, makanya template ini hanya bagus dibuka di firefox atau chrome, karena sudah mendukung grid layout. Tolong diingatkan pengujung blog kalian untuk selalu memakai firefox atau chrome.

Min kenapa related post says tidak muncul?

@Anonymous
Itu bug belum bisa gw tambal. Belum ketemu solusinya.
Masalahnya hanya gk tampil di mobile, tapi di desktop normal.

min gw udah ketemu solusinya
harus ditukar menjadi blog url sendiri contohnya https://blablabla.blogspot.com

*data:blog.homepageUrl

@Anonymous
Thanks, nanti gw coba.

Forum Bot said:

This comment has been removed by the author.

Maksud saya saizgambar ini

@Anonymous
susah mengubah itu,
saya juga sudah lupa

Hi! I have several questions to ask if you don't mind huhu.

1. I used your template for manga reading but I'd like to have this thing (https://imgur.com/U2quc4W) in the main page. Can you demonstrate how?
2. You told us to add this code before images but I don't quite understand what you mean. Can you screenshot where you put them?

@mekukun
I am sorry, i cant help you.
Its very difcult to bring that button back to home page. This design flaw is partly my fault.
I have been busy with other project that i barely had time for this theme.

Ouh okay then what about my second question? The code I was talking about is this one (https://imgur.com/LydV5ay).

and uhh, how do I put Disqus at below every chapter? The theme that was given by you is only made for Disqus to appear in the series main page but not in the chapter page.

Find this:
<b:includable id='postChapterBody'>
Put disqus scrip bellow:
<data:post.body/>

Special code to prevent post being hidden when contain many pictures. You must have these on every post.
<span><!--more--></span>
Screenshot

di update bang temanya, sebenarnya anilist gk kalah sama zeitsmanga tapi yg anilist jarang di update

@Qᴜᴇᴇꪀ
saya gk berani updatenya, karna terlalu rumit

Hei!, bagaimana saya bisa mengubah nama pencarian blog ini? Saya ingin mengetiknya dalam bahasa saya tetapi saya tidak tahu caranya, saya harap Anda segera menjawabnya.

i just write it in Indonesian and idk if u understand what i mean.

@karobakhtyar
Its will automaticly translate to your language.
But if you want to change manually go and find this code:
<input autocomplete='off' class='bn w-full bg-100 bc-213 c-173' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' name='q'/>

Change expr:placeholder='data:messages.searchThisBlog'
with:
placeholder='Hello World'

thank you soo much @Wernayasa it works.

And i have another three questions if you mind.

1- how can i change the download icon and the recommened icon in a demo post?,
And i want to change the search icon too.

2 - how can i change the manga and the other labels like ongoing and genre labels to my language, in other words i want to change the text but when i do it it just goes to the (chapters box)

3 - how can I change the alignment of the menu on the mobile devices like I make my blog in Arabic but it's still aligned left.

And Thanks.

And how to disable and enable (page) and (post) comments? I mean when I want to create a new page, Idk how to disable the comments, and for the chapter posts I want to enable the comments

min bisa gak hapus disqus biar gak muncul lagi yang di anilistpro

min bisa gak kalau anilistpro kalau dibuat dropdown

Bisa tapi komentar blogger juga hilang.
Gw heran kok bisa hilang.
Kamu hapus code ini dalam tema:
<b:if cond='data:view.isSingleItem'>
<div id='disqus_thread'/>
<script>
var disqus_shortname = &#39;anilist-pro&#39;;
var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
}

var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
//<![CDATA[
(function() {
var bloggerjs = document.createElement('script');
bloggerjs.type = 'text/javascript';
bloggerjs.async = true;
bloggerjs.src = '//'+disqus_shortname+'.disqus.com/blogger_item.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(bloggerjs);
})();
//]]> </script>
</b:if>

Dulu ada tapi lupa codenya apa.
Tema ini sudah discontinue, tidak di update lagi.

Link gambarmu expired.

min bisa gak kalau sidebar nya anilistpro dihapus setelah itu yang update terkinian nya di tengah kan yang di homepage itu loh

Bisa, nanti ada spesial update.
Tunggu hari sabtu.

min bisa gak buatin ini linknya
https://awesomescreenshot.s3.amazonaws.com/image/2616233/16106939-05b7d462bd6f35958b9e1bc5b1fe2dca.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJSCJQ2NM3XLFPVKA%2F20211103%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20211103T113755Z&X-Amz-Expires=28800&X-Amz-SignedHeaders=host&X-Amz-Signature=dde1edb4614f0de8f6465f57cc426947a8c8478dc2b1f0850ba40101efef58f8
mau dijadikan costum post dan mau dimasukan di home page bisa gak min

Oh ya, bisa.
Nanti sekalian di update.

Kamu pake screenshot apa?
Panjang banget urlnya.
Aneh.

pake nya awesomescreenshoot

Forum Bot said:

This comment has been removed by the author.

Forum Bot said:

This comment has been removed by the author.

Forum Bot said:

This comment has been removed by the author.

Saya punya template arab berbayar untuk upload episode anime. Salah satu teman saya membelinya, tetapi membutuhkan kode aktivasi. Bisakah Anda membantu saya, Anda dapat memberikannya kepada semua anggota, saya juga memiliki video tentang cara menggunakannya
You can Download Template & images from Here :
https://www.mediafire.com/folder/3faf7mkkmyejh/Vritra

Sorry, i can't do it.

Forum Bot said:

This comment has been removed by the author.

Akhirnya, jumpa juga penyelesaiannya untuk Blogger comment. Mudah je XD

(Sila guna CTRL+F)
Cari disqus dan comment-kan dahulu kod Disqus: https://i.postimg.cc/qqgPzR62/image.png

Cari b:widget id='Blog1' dan tukar showCommentLink ke true : https://i.postimg.cc/pXCsgx9H/image.png

Siap: https://i.postimg.cc/x84czcxQ/image.png

OMG... Aku kira komentar blogger rusak...
Aku rindu tema ini T_T

Min apakah kamu akan lanjutkan update untuk template ini?

Atau kamu memberhentikan update untuk sepenuhnya?

Niat sudah ada tapi gk tau kapan.

How to change header logo

For older theme, you have to change it manually.
Go and find this logo flex.
This is text base logo, for img logo you have to add:<img src="https//:yourimgurl.jpg"/>

Min cara buat dropdown samping di tema AL gmna, tutor dong

Sekarang gk bisa, aku sibuk update tema manga.

Dulu ada dopdown tema ini,
cuman aku lupa codenya.

Min apakah bisa tampilan grodnya jadi satu aja dan jadi gak bisa gonta ganti?

Satu aja.
Masih mencari waktu luang untuk update tema ini, aku sedang ujian.

Downloadik nya dimana ya?

cari tulisan ini Download v2.8

Ada tempat download selain app box ga min saya gatau cara download lewat situ

lewat browser, setting browsermu ke desktop mode

Bisa min saya pake apk puffin, kalo di google ga muncul tanda titik 3/downloadnya padahal udah di coba pake situs dekstop :v

Apa masih worth it nih tema dipake?

Tidak, jangan dipakai.
Ini dibuat zaman dulu, waktu itu belum ada script bagus kayak sekarang.

Terus ada rekomendasi tema download anime yang masih layak?

Temaku gk ada. Coba lihat [Template Rasgane]
Apa temanya dipakai untuk download doang tanpa fitur streaming?