GagakTekno

HitamManga - Template Manga Blogger

Kali ini saya ingin membagikan Tema Blogger untuk Manga pasti kalian sudah sering membaca komik / manga disalah satu situs web terkenal seperti Mangaku, Mangakita, MangaID dan lainnya. Pada kesempatan kali ini saya akan membagikan Tema yang saya buat sendiri tapi untuk beberapa kode saya mencari referensinya jadi tidak semua kode punya saya. Untuk tampilan tema seperti Mangaku dan untuk postingan menggunakan Next dan Prev seperti Komikid.

Bagi kalian yang ingin melihat Featured pada tema ini bisa dilihat dibawah ini :

Features Availability
Responsive True Cek
Mobile Friendly True Cek
2 Column True
Sticky Header with Navigation and Search True
Ads True
Footer Menu True
Credit Link True

Diatas merupakan beberapa Featured pada tema ini.

Bagi kalian yang tertarik untuk menggunakan template ini, bisa download lewat link dibawah ini.


Untuk dokumentasi saya tidak menyediakan, jadi silahkan untuk dibaca dibawah ini agar paham.

Untuk memposting manga kalian lakukan cara seperti biasa tetapi pada mode HTML bukan Compose dan ubah setiap url gambar dengan url gambar yang kalian upload.

Cara Memposting Manga

<ul class="dte-gl">
<li><a href="URL GAMBAR TARUH DISINI">1</a></li>
<li><a href="URL GAMBAR TARUH DISINI">2</a></li>
<li><a href="URL GAMBAR TARUH DISINI">3</a></li>
<li><a href="URL GAMBAR TARUH DISINI">4</a></li>
<li><a href="URL GAMBAR TARUH DISINI">5</a></li>
<li><a href="URL GAMBAR TARUH DISINI">6</a></li>
<li><a href="URL GAMBAR TARUH DISINI">7</a></li>
<li><a href="URL GAMBAR TARUH DISINI">8-9</a></li>
<li><a href="URL GAMBAR TARUH DISINI">10</a></li>
<li><a href="URL GAMBAR TARUH DISINI">11</a></li>
<li><a href="URL GAMBAR TARUH DISINI">12</a></li>
<li><a href="URL GAMBAR TARUH DISINI">13</a></li>
<li><a href="URL GAMBAR TARUH DISINI">14</a></li>
<li><a href="URL GAMBAR TARUH DISINI">15</a></li>
<li><a href="URL GAMBAR TARUH DISINI">16</a></li>
<!-- Bila ingin menambahkan gambar kodenya tambah seperti dibawah ini -->
<li><a href="URL GAMBAR TARUH DISINI">17</a></li>
<li><a href="URL GAMBAR TARUH DISINI">18</a></li>
<li><a href="URL GAMBAR TARUH DISINI">19</a></li>
<li><a href="URL GAMBAR TARUH DISINI">20</a></li>
</ul>

Untuk membuat Genres List sudah saya sediakan kodenya kalian tinggal buat Halaman baru dan paste pada mode HTML

Cara Membuat Genres List

<ul class="genres">
<li>
</li>
<li><a href="#" title="View all seri in genre Action">Action</a></li>
<li><a href="#" title="View all seri in genre Adventure">Adventure</a></li>
<li><a href="#" title="View all seri in genre Comedy">Comedy</a></li>
<li><a href="#" title="View all seri in genre Drama">Drama</a></li>
<li><a href="#" title="View all seri in genre Ecchi">Ecchi</a></li>
<li><a href="#" title="View all seri in genre Fantasy">Fantasy</a></li>
<li><a href="#" title="View all seri in genre Game">Game</a></li>
<li><a href="#" title="View all seri in genre Harem">Harem</a></li>
<li><a href="#" title="View all seri in genre Historical">Historical</a></li>
<li><a href="#" title="View all seri in genre Horror">Horror</a></li>
<li><a href="#" title="View all seri in genre Magic">Magic</a></li>
<li><a href="#" title="View all seri in genre Mecha">Mecha</a></li>
<li><a href="#" title="View all seri in genre Military">Military</a></li>
<li><a href="#" title="View all seri in genre Mystery">Mystery</a></li>
<li><a href="#" title="View all seri in genre Ongoing">Ongoing</a></li>
<li><a href="#" title="View all seri in genre Psychological">Psychological</a></li>
<li><a href="#" title="View all seri in genre Romance">Romance</a></li>
<li><a href="#" title="View all seri in genre School">School</a></li>
<li><a href="#" title="View all seri in genre Sci-Fi">Sci-Fi</a></li>
<li><a href="#" title="View all seri in genre Seinen">Seinen</a></li>
<li><a href="#" title="View all seri in genre Shoujo Ai">Shoujo Ai</a></li>
<li><a href="#" title="View all seri in genre Shounen">Shounen</a></li>
<li><a href="#" title="View all seri in genre Slice of Life">Slice of Life</a></li>
<li><a href="#" title="View all seri in genre Sports">Sports</a></li>
<li><a href="#" title="View all seri in genre Spring 2017">Spring 2017</a></li>
<li><a href="#" title="View all seri in genre Summer 2017">Summer 2017</a></li>
<li><a href="#" title="View all seri in genre Super Power">Super Power</a></li>
<li><a href="#" title="View all seri in genre Supernatural">Supernatural</a></li>
<li><a href="#" title="View all seri in genre Thriller">Thriller</a></li>
<li><a href="#" title="View all seri in genre Vampire">Vampire</a></li>
</ul>

Untuk membuat Genres List sudah saya sediakan kodenya kalian tinggal buat Halaman baru dan paste pada mode HTML

Cara Membuat Daftar Manga

<div class="daftarkartun">
<div class="abjtext">
<a href="#%23">#</a> <a href="#A">A</a> <a href="#B">B</a> <a href="#C">C</a> <a href="#D">D</a> <a href="#E">E</a> <a href="#F">F</a> <a href="#G">G</a> <a href="#H">H</a> <a href="#I">I</a> <a href="#J">J</a> <a href="#K">K</a> <a href="#L">L</a> <a href="#M">M</a> <a href="#N">N</a> <a href="#O">O</a> <a href="#P">P</a> <a href="#Q">Q</a> <a href="#R">R</a> <a href="#S">S</a> <a href="#T">T</a> <a href="#U">U</a> <a href="#V">V</a> <a href="#W">W</a> <a href="#X">X</a> <a href="#Y">Y</a> <a href="#Z">Z</a>

<div class="clear">
</div>
</div>
<div id="abtext">
<div class="bariskelom">
<div class="barispenz">
<a href="#B" name="B">B</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3233" title="Back Street Girls: Gokudolls">Back Street Girls: Gokudolls</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1832" title="Beatless">Beatless</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1325" title="Boku no Kanojo ga Majimesugiru Shojo Bitch na Ken">Boku no Kanojo ga Majimesugiru Shojo Bitch na Ken</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="420" title="Busou Shoujo Machiavellism">Busou Shoujo Machiavellism</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#C" name="C">C</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="2569" title="Caligula">Caligula</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3222" title="Chio-chan no Tsuugakuro">Chio-chan no Tsuugakuro</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1787" title="Citrus">Citrus</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#D" name="D">D</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="566" title="Danmachi: Sword Oratoria">Danmachi: Sword Oratoria</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1825" title="Death March kara Hajimaru Isekai Kyousoukyoku">Death March kara Hajimaru Isekai Kyousoukyoku</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1285" title="Dies Irae">Dies Irae</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#E" name="E">E</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="409" title="Eromanga-sensei">Eromanga-sensei</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#F" name="F">F</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1540" title="Fairy Tail Movie 2: Dragon Cry">Fairy Tail Movie 2: Dragon Cry</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3021" title="Fate/Apocrypha">Fate/Apocrypha</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1976" title="Fate/Extra Last Encore">Fate/Extra Last Encore</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1767" title="Fate/Grand Order: Moonlight/Lostroom">Fate/Grand Order: Moonlight/Lostroom</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="2009" title="Fate/kaleid liner Prisma☆Illya Movie: Sekka no Chikai">Fate/kaleid liner Prisma☆Illya Movie: Sekka no Chikai</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3012" title="Fate/stay night: Heaven’s Feel">Fate/stay night: Heaven’s Feel</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#G" name="G">G</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="829" title="Gamers!">Gamers!</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3025" title="Grancrest Senki">Grancrest Senki</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3314" title="Grand Blue">Grand Blue</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#H" name="H">H</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3023" title="Hajimete no Gal">Hajimete no Gal</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3187" title="Hanebado!">Hanebado!</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="2528" title="Hinamatsuri">Hinamatsuri</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3240" title="Hyakuren no Haou to Seiyaku no Valkyria">Hyakuren no Haou to Seiyaku no Valkyria</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#I" name="I">I</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1307" title="Imouto sae Ireba Ii.">Imouto sae Ireba Ii.</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1334" title="Inuyashiki">Inuyashiki</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3207" title="Isekai Maou to Shoukan Shoujo no Dorei Majutsu">Isekai Maou to Shoukan Shoujo no Dorei Majutsu</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#K" name="K">K</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="733" title="Kakegurui">Kakegurui</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1803" title="Karakai Jouzu no Takagi-san">Karakai Jouzu no Takagi-san</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="755" title="Keppeki Danshi! Aoyama-kun">Keppeki Danshi! Aoyama-kun</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="745" title="Knight’s &amp; Magic">Knight’s &amp; Magic</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="660" title="Koe No Katachi">Koe No Katachi</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="757" title="Koi to Uso">Koi to Uso</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1798" title="Kokkoku">Kokkoku</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1197" title="Kuroko no Basket: Last Game">Kuroko no Basket: Last Game</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#M" name="M">M</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1948" title="Mahouka Koukou no Rettousei: Hoshi wo Yobu Shoujo">Mahouka Koukou no Rettousei: Hoshi wo Yobu Shoujo</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1294" title="Mahoutsukai no Yome">Mahoutsukai no Yome</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#N" name="N">N</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1838" title="Nanatsu no Taizai: Imashime no Fukkatsu">Nanatsu no Taizai: Imashime no Fukkatsu</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="2216" title="No Game No Life: Zero">No Game No Life: Zero</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#O" name="O">O</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1266" title="Ousama Game The Animation">Ousama Game The Animation</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1757" title="Overlord S2">Overlord S2</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3270" title="Overlord S3">Overlord S3</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#P" name="P">P</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3027" title="Persona 5 the Animation">Persona 5 the Animation</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3258" title="Phantom in the Twilight">Phantom in the Twilight</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#R" name="R">R</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="413" title="Renai Boukun">Renai Boukun</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="417" title="Rokudenashi Majutsu Koushi to Akashic Records">Rokudenashi Majutsu Koushi to Akashic Records</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#S" name="S">S</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="416" title="Saenai Heroine no Sodatekata Flat (S2)">Saenai Heroine no Sodatekata Flat (S2)</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1871" title="Saiki Kusuo no Ψ-nan S2">Saiki Kusuo no Ψ-nan S2</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3220" title="Satsuriku no Tenshi">Satsuriku no Tenshi</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3211" title="Shichisei no Subaru">Shichisei no Subaru</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1241" title="Shokugeki no Souma: San no Sara">Shokugeki no Souma: San no Sara</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="2587" title="Steins;Gate 0">Steins;Gate 0</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3018" title="Sword Art Online Gun Gale Online">Sword Art Online Gun Gale Online</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3019" title="Sword Art Online Ordinal Scale">Sword Art Online Ordinal Scale</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#T" name="T">T</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="2521" title="Tada-kun wa Koi wo Shinai">Tada-kun wa Koi wo Shinai</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3287" title="Tenrou: Sirius the Jaeger">Tenrou: Sirius the Jaeger</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3029" title="Tokyo Ghoul:re">Tokyo Ghoul:re</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="414" title="Tsugumomo">Tsugumomo</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="765" title="Tsurezure Children">Tsurezure Children</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#U" name="U">U</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="2650" title="Uchiage Hanabi, Shita kara Miru ka? Yoko kara Miru ka?">Uchiage Hanabi, Shita kara Miru ka? Yoko kara Miru ka?</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1234" title="UQ Holder! Mahou Sensei Negima! 2">UQ Holder! Mahou Sensei Negima! 2</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#V" name="V">V</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="1818" title="Violet Evergarden">Violet Evergarden</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#W" name="W">W</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="2599" title="Wotaku ni Koi wa Muzukashii">Wotaku ni Koi wa Muzukashii</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#Y" name="Y">Y</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="3320" title="Yuragi-sou no Yuuna-san">Yuragi-sou no Yuuna-san</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->

<div class="bariskelom">
<div class="barispenz">
<a href="#Z" name="Z">Z</a></div>
<div class="penzbar">
</div>
<!-- End row-cells -->


<div class="penzbar">
<div class="jdlbar">
<ul>
<li> <a class="kmz" href="#" rel="418" title="Zero kara Hajimeru Mahou no Sho">Zero kara Hajimeru Mahou no Sho</a></li>
</ul>
</div>
</div>
<!-- End row-cells -->

<div class="clear">
</div>
</div>
<!-- End of bariskelom -->



<div class="navigation">
<div class="alignleft">
</div>
<div class="alignright">
</div>
</div>
</div>
</div>

Sama seperti cara yang diatas

Cara Membuat Chapter Manga

<div class="chapter">
<div class="releases mangas">
<h1 itemprop="headline">
Boruto: Naruto Next Generations Bahasa Indonesia</h1>
<div class="alter">
BORUTO-ボルト- -NARUTO NEXT GENERATIONS-
<div>
</div>
</div>
</div>
<div class="infomangus">
<div class="side infomanga">
<div class="imgprop" itemprop="image" itemscope="" itemtype="https://schema.org/ImageObject">
<img alt="" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" height="640" src="https://i0.wp.com/mangaid.me/wp-content/uploads/2018/08/1535429414_boruto-naruto-the-movie.jpg" width="475" />    </div>
<div class="mtb">
<table class="listinfo"><tbody>
<tr><th>Score</th><td><div class="rtg">
<div class="br-wrapper br-theme-fontawesome-stars">
<select autocomplete="off" class="score" data-current-rating="3.775" style="display: none;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select>
<div class="br-widget br-readonly">
<a class="br-selected" data-rating-text="1" data-rating-value="1" href="#"></a><a class="br-selected" data-rating-text="2" data-rating-value="2" href="#"></a><a class="br-selected br-current" data-rating-text="3" data-rating-value="3" href="#"></a><a class="br-fractional br-fractional-70" data-rating-text="4" data-rating-value="4" href="#"></a><a data-rating-text="5" data-rating-value="5" href="#"></a>
<div class="br-current-rating">
3</div>
</div>
</div>
7.55 </div>
</td></tr>
<tr><th>Author</th><td>Ikemoto, Mikio (Art), Kodachi, Ukyou (Story)</td></tr>
<tr><th>Genres</th><td><a href="https://mangaid.me/genres/action/" rel="tag">Action</a>, <a href="https://mangaid.me/genres/adventure/" rel="tag">Adventure</a>, <a href="https://mangaid.me/genres/comedy/" rel="tag">Comedy</a>, <a href="https://mangaid.me/genres/fantasy/" rel="tag">Fantasy</a>, <a href="https://mangaid.me/genres/martial-arts/" rel="tag">Martial Arts</a>, <a href="https://mangaid.me/genres/shounen/" rel="tag">Shounen</a>, <a href="https://mangaid.me/genres/super-power/" rel="tag">Super Power</a></td></tr>
<tr><th>Published</th><td>May 9, 2016</td></tr>
<tr><th>Status</th><td>Ongoing</td></tr>
<tr><th>Views</th><td>5091 Views</td></tr>
<tr><th>latest Chapter</th><td>Ch. 29</td></tr>
<tr><th>Posted by</th><td><span class="author vcard" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><span itemprop="name">nitta</span></span> </td></tr>
<tr><th>Posted on</th><td><time datetime="2018-08-28T11:10:14+00:00" itemprop="datePublished">Agustus 28, 2018</time></td></tr>
<tr><th>Latest Update</th><td><time datetime="2018-11-24T13:27:55+00:00" itemprop="dateModified">November 24, 2018</time></td></tr>
</tbody> </table>
</div>
</div>
</div>
<div class="qu">
<div class="mrgn animeinfo">
<div itemprop="articleBody">
<h2>
Sinopsis Boruto: Naruto Next Generations</h2>
<span class="desc"></span>
<span class="desc">Boruto adalah putra dari Hokage ke-7, Naruto yang benar-benar menolak ayahnya. Di balik itu, ia memiliki perasaan ingin melampaui Naruto, yang dihormati sebagai pahlawan. Dia akhirnya bertemu teman ayahnya Sasuke, dan memintanya untuk menjadi … muridnya !? Tirai pada cerita dari generasi baru naik sekarang!

&nbsp;</span>
<b>Perhatian:</b> Jika menemukan gambar rusak atau halaman chapter tidak dapat diakses, silakan melapor ke fanspage kami. 
<div class="bxcl">
<h3>
Baca Boruto: Naruto Next Generations Chapter</h3>
<ul>
<li> <span class="lchx"><a href="#">Chapter 30</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 29</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 28</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 27</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 26</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 25</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 24</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 23</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 22</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 21</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 20</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 19</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 18</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 17</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 16</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 15</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 14</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 13</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 12</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 11</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 10</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 09</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 08</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 07</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 06</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 05</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 04</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 03</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 02</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
<li> <span class="lchx"><a href="#">Chapter 01</a></span> 
<span class="dt"><a href="#" rel="nofollow" target="_blank">Download</a></span> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
<style>
h1.entry-title{display:none}
</style>
Untuk chaper kalian bisa sesuaikan dengan nama manga nya apa, kalau untuk ratingnya sesuaikan seperti yang ada di MAL (My Anime List).

Penambahan Bintang bila tidak tahu

<a class="br-selected" data-rating-text="1" data-rating-value="1" href="#"></a><a class="br-selected" data-rating-text="2" data-rating-value="2" href="#"></a><a class="br-selected br-current" data-rating-text="3" data-rating-value="3" href="#"></a><a class="br-fractional br-fractional-70" data-rating-text="4" data-rating-value="4" href="#"></a><a data-rating-text="5" data-rating-value="5" href="#"></a>
Jika kalian ingin menambahkan Bintang Kuning tambahkan kode dibawah ini
br-selected
Tapi bila ingin  menghilangkan Bintang Kuning tambahkan kode dibawah ini
br-fractional br-fractional-70
Letakkan pada tanda Class seperti dibawah ini
<a class="nama class diatas"

Komentar Disqus

<div class='comments' id='comments'>             <script type='text/javascript'>
                var disqus_shortname = &quot;gagaktekno&quot;;
                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;;
             (function() {
                        var bloggerjs = document.createElement(&quot;script&quot;);
                        bloggerjs.type = &quot;text/javascript&quot;;
                        bloggerjs.async = true;
                        bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_item.js&quot;;
                        (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);
                    })();
                (function() {
                    var bloggerjs = document.createElement(&quot;script&quot;);
                    bloggerjs.type = &quot;text/javascript&quot;;
                    bloggerjs.async = true;
                    bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_index.js&quot;;
                    (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);
                })();
      </script></div>
Kalian rubah nama Gagaktekno dengan nama Disqus kalian.

Like Box

<script>//<![CDATA[
  (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v3.2&appId=1945863508815306&autoLogAppEvents=1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));//]]></script>
<div class='fb-like' data-action='like' data-href='https://web.facebook.com/CodingT-2287656371467109/' data-layout='standard' data-share='false' data-show-faces='true' data-size='small'/>

Kalian Rubah nama CodingT dengan nama Fanspage kalian.

Dokumentasinya mungkin cukup sekian diatas. Bila ada yang tidak paham silahkan untuk berkomentar.
Comment Policy : Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
BERI KOMENTAR