Skip to main content

Featured Post

Pamula Elegant Blogger Theme

Pamula  merupakan tema personal yang saya desain dengan beberapa referensi, Tema ini dibuat clean dan elegant untuk membuat lebeih fresh serta memaksimalkan fitur dari fungsi blogger agar dapat meminimalisir penggunaan javascript atau json blogger. Tema ini memiliki kecepatan super cepat seperti tema-tema yang saya share sebelumnya, tapi pada tema yang saya buat sekarang terus menggunakan fungsi javascript dan tidak ada jQuery di dalamnya. Kemungkinan kalian tidak akan paham karena terbiasa dengan jQuery. Pada tema ini kalian akan mendapatkan beberapa fitur menarik seperti : Kecepatan Loading Super Ngebut Dengan memiliki loading yang cepat pasti dapat membuat pengunjung menjadi lebih betah sebab tidak perlu cari Artikel serupa meskipun yang disebabkan oleh loading lambat. Saya sudah mencoba untuk mengetest kecepatan dengan bantuan dari GTmetrix dan Pagespeed. Untuk melihat hasilnya bisa cek gambar berikut: Kecepatan loading ini sudah saya test sendiri menggunak
35 comments

HitamManga - Template Manga Blogger

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 buatan dari GagakTekno. 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.


Password Template

Link Download sudah diperbarui silahkan di download ulang.

Ohh hampir lupa saya tidak membuat Dokumentasinya. Untuk itu kalian simak baik-baik dibawah ini supaya paham.

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 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 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;codingt&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 CodingT 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. Nanti saya akan membuatnya lagi untuk yang lebih jelas.

Saya lupa untuk menambahkan Setting Chapter pada link download jadi kalian bisa ambil kodenya diatas
Labels:

Popular posts from this blog

Dapatkan Template Material X2 Secara Gratis

Template Material X2 adalah template yang dibuat oleh Yasyah Elhakim dan beliau adalah admin dari  elcreativeacademy dan sudah banyak postingan berkaitan tentang Blogger dan Web Development tapi beliau juga merupakan pembuat template yang sangat handal karena dapat membuat template yang bagus yaitu Material X2 ini yang banyak akan kayak fitur tapi disini kita akan ngomongin versi gratisnya bukan yang premium. Yasyah Elhakim membagikan Material X2 Lite secara gratis alias cuma-cuman untuk sobat tapi dengan membedakan fitur pada yang premium karena ini gratis untuk tampilan dan beberapa hal masih sama saja hanya untuk fitur dihilangkan oleh author nya. Template Material X2 ini memiliki desain yang clean serta menggunakan material desain yang bagus bila disebut ini merupakan template yang mirip dengan Developer Goggle karena terinspirasi bisa dikatakan oleh saya. So tampilan yang bagus dan fitur yang keren ini sudah menanti untuk sobat loh jadi dicoba sekarang juga. Download Temp
Post a Comment
Read more

Cara Buat Tombol Menu Dengan CSS

Membuat Tombol Menu hanya dengan CSS tanpa perlu bantuan dari Icon-icon seperti FontAwesome, Materialicon, Dashicon dll. Berbeda dengan menggunakan Icon kita mengharuskan untuk memasukan salah satu kode dari icon tersebut atau bisa disebut dipanggil kodenya. Jika dengan CSS kita hanya perlu menggunakan Fungsi dari Before dan After jadi dengan menggandalkan fungsi dari Css tersebut kita bisa membuat Tombol Menu atau Close sesuai dengan kreatifitas sendiri. Untuk membuat Menu dengan Css kalian bisa langsung praktekan caranya dibawah ini atau jika ingin disimpan untuk nanti bisa langsung download source kodenya. Cara Buat Tombol Menu Dengan CSS Sebelum ke Tutorialnya kalian harus menyiapkan bahan-bahan terlebih dahulu. Sublime (Sebagai Text Editor) Makanan Ringan Kopi Niat Pertama buka Sublime kalian bisa gunakan Text Editor apa saja seterah. Kedua buat file dengan nama "Index.html" lalu simpan file tersebut dimana saja. Ketiga buat struktur HTML atau HTML5
Post a Comment
Read more

One Piece Pirate Warriors 3 Unlock All DLC

Bagi kalian yang memainkan game One Piece Pirate Warriors 3 pastinya bosan donk kalau Custome karakter yang kalian mainkan itu-itu saja dan tidak ada perubahan sama sekali meski sudah ada tampilan yang berbeda dari setiap karakter karena adanya Custome dari Normal sampai ke New World (Dunia Baru). Disini saya akan membagikan DLC One Piece Pirate Wrarriors 3 yang bisa kalian download secara gratis dan tentu saja DLC ini saya dapatkan dari beberapa Forum luar dan saya sudah saya jadikan satu Folder agar kalian lebih mudah dalam memasang DLC ini. Lantas siapa saja yang dapat DLC pada One Piece Pirate Warriors 3 ini ? DLC yang akan kalian dapatkan pada game ini adalah sebagai berikut : Characters DLC Luffy Samurai Zorro Kimono "Z" Final Battle Nami Wedding Dress Kunoichi Sun Shangxiang Dressrosa Usopp Kimono Sanji Kimono "Z" Final Battle Chopper Kimono Robin Xingcai Kaihime Dressrosa Hancock Diaochan Naotora Ii 3D2Y Tashig
Read more