Megumi Novel - Template Novel Blogger

Megumi Novel - Template Novel Blogger Responsive

Codepelajar.com - Halo sobat code pelajar, setelah lama tidak berjumpa dengan admin disini karena beberapa kesibukan job lain, pada kali ini saya selaku admin akhirnya bisa sempat mengisi konten lagi disini. Tapi pada postingan kali ini bukan membahas tentang pemograman atau desain website ya. Postingan kali ini sesuai dengan judulnya, saya membagikan template blogger gratis untuk kamu yang memiliki blog novel. Sebelumnya saya membuat Template Anime Blogger Mangastrap untuk blog manga


Megumi Novel itulah nama template ini yang dibuat oleh kreator di Yuukithemes. Template blogger responsive yang cocok untuk kamu yang ingin membangun situs baca novel online atau situs dengan tema sejenis juga. Tampilan yang fresh juga kaya dengan fungsionalnya yang diperuntukan untuk web novel, itulah salah satu fitur unggulan dari template blogger yang satu ini.


Antar Muka dari Template Megumi Novel

Template Megumi Novel memiliki tampilan antar muka yang sederhana dengan banner besar di judulnya namun minim gambar pada daftar update terbarunya karena emang website ini fokus pada konten. Untuk tampilan desktop dan mobilenya seperti pada gambar di bawah ini.

Megumi Novel - Template Novel Blogger Responsive

Jika penasaran dengan tampilannya keseluruhan bisa kamu lihat demonstrasinya disini!


Cara Setting Template Megumi Novel

Untuk pemasangan templatenya bisa kamu pasang seperti template blogger umumnya.


Cara Membuat Post dengan "Chapter List"

Buat postingan baru lalu pilih mode HTML dan copy paste kode berikut ini yang sudah di format untuk post bagian chapter list.

Post dengan Auto Chapter


<div class='novelistchap-wrap cl'>
<div class='novelistchap-thumb'>
<a href="https://3.bp.blogspot.com/-_TZncnXCP18/WEQRuVCnW5I/AAAAAAAAAaI/IqvWXAMdAgU3oGu4B5nt6KLgGKEaeq2kwCPcB/s1600/The-Desolate-Era.jpg"><img src="https://3.bp.blogspot.com/-_TZncnXCP18/WEQRuVCnW5I/AAAAAAAAAaI/IqvWXAMdAgU3oGu4B5nt6KLgGKEaeq2kwCPcB/s640/The-Desolate-Era.jpg" width="480" height="640" /></a></div>
<div class='novelistchap-synop'>
<b>Sinopsis</b>
<p>
Takdir tidak pernah baik pada Ji Ning, Didera penyakit dan terkulai lemah seumur hidupnya. Ning tau dia akan mati sebagai remaja. Apa yang tidak dia diketahui adalah kehidupan setelah kematian, dan dunia yang jauh lebih besar dari yang dia bayangkan. Sebuah keberutungan takdir membawa Ning terlahir kembali ke dunia abadi dan penuh monster, Ki Refiner dan Fiendgods yang kuat.</p>
<p>
Dunia dimana Dinasti berlangsung selama jutaan tahun. Sebuah dunia yang lebih besar…sekaligus lebih kecil… dari yang bisa dia bayangkan. Dia punya kesempatan untuk bergabung dengan mereka dan pada kehidupan ini, Ning bersumpah pada dirinya bahwa dia tidak akan menjadi lemah lagi! Dimana ia terlahir pada jaman yang menyedihkan tetapi Ning akan membuat ini jaman keemasannya.</p>
</div>
</div>
<div class='novelistchap-notice'>
Warning! Better check yourself, you're not looking too good.
</div>
<script>var autlist = true;</script>


Post dengan Manual Chapter


<div class='novelistchap-wrap cl'>
<div class='novelistchap-thumb'>
<a href="https://3.bp.blogspot.com/-_TZncnXCP18/WEQRuVCnW5I/AAAAAAAAAaI/IqvWXAMdAgU3oGu4B5nt6KLgGKEaeq2kwCPcB/s1600/The-Desolate-Era.jpg"><img src="https://3.bp.blogspot.com/-_TZncnXCP18/WEQRuVCnW5I/AAAAAAAAAaI/IqvWXAMdAgU3oGu4B5nt6KLgGKEaeq2kwCPcB/s640/The-Desolate-Era.jpg" width="480" height="640" /></a></div>
<div class='novelistchap-synop'>
<b>Sinopsis</b>
<p>
Takdir tidak pernah baik pada Ji Ning, Didera penyakit dan terkulai lemah seumur hidupnya. Ning tau dia akan mati sebagai remaja. Apa yang tidak dia diketahui adalah kehidupan setelah kematian, dan dunia yang jauh lebih besar dari yang dia bayangkan. Sebuah keberutungan takdir membawa Ning terlahir kembali ke dunia abadi dan penuh monster, Ki Refiner dan Fiendgods yang kuat.</p>
<p>
Dunia dimana Dinasti berlangsung selama jutaan tahun. Sebuah dunia yang lebih besar…sekaligus lebih kecil… dari yang bisa dia bayangkan. Dia punya kesempatan untuk bergabung dengan mereka dan pada kehidupan ini, Ning bersumpah pada dirinya bahwa dia tidak akan menjadi lemah lagi! Dimana ia terlahir pada jaman yang menyedihkan tetapi Ning akan membuat ini jaman keemasannya.</p>
</div>
</div>
<div class='novelistchap-notice'>
Warning! Better check yourself, you're not looking too good.
</div>
<div class='novelistchap-chapter'>
<!-- START LIST CHAPTER | Ubah sesuai kebutuhan -->
<b>Volume 1</b>
<a href='#'>Desolate Era - Ch1</a>
<a href='#'>Desolate Era - Ch2</a>
<a href='#'>Desolate Era - Ch3</a>
<a href='#'>Desolate Era - Ch4</a>
<a href='#'>Desolate Era - Ch5</a>
<a href='#'>Desolate Era - Ch6</a>
<a href='#'>Desolate Era - Ch7</a>
<a href='#'>Desolate Era - Ch9</a>
<a href='#'>Desolate Era - Ch10</a>

<b>Volume 2</b>
<a href='#'>Desolate Era - Ch10</a>
<a href='#'>Desolate Era - Ch12</a>
<a href='#'>Desolate Era - Ch13</a>
<a href='#'>Desolate Era - Ch14</a>
<a href='#'>Desolate Era - Ch15</a>
<a href='#'>Desolate Era - Ch16</a>
<a href='#'>Desolate Era - Ch17</a>
<a href='#'>Desolate Era - Ch19</a>
<a href='#'>Desolate Era - Ch20</a>
<!-- END LIST CHAPTER -->
</div>


Jangan lupa juga untuk mengisi dengan 2 label yaitu label pertama dengan label dengan nama judul dari novelnya. Cara mengatur labelnya bisa lihat contoh gambar di bawah ini.

Megumi Novel - Template Novel Blogger Responsive

Cara Membuat Halaman Khusus di Template Megumi Novel

Untuk halaman khusus pada template ini seperti halaman Project List, Staff, dan Schedule kamu bisa memasukan kode-kode berikut dan sesuaikan sendiri ya.

Untuk halaman Project List


<script type='text/javascript'>/*<![CDATA[*/var numfeed=999,startfeed=0,namelabel="Novel",urlprevious,urlnext;/*]]>*/</script>
<div class="cl row-fetty row" id="novellist_post"><span class='novellist_load'>Loading..</span></div><div id="novellist_nav"></div>


Untuk halaman Staff


<div class='staff-page row-fetty'>
<!-- START -->
<div class='staff-item drop'>
<div class='staff-thumb'>
<img src='https://1.bp.blogspot.com/-pt5uO9QXFP4/V5xdjzsz3gI/AAAAAAAAABI/lTYe8YS8FHsKRJ5mhN6al-Zch1vJyYk7QCPcB/s1600/large.png'/>
</div>
<div class='staff-box'>
<b>Usagilabs</b>
<i>Encoder</i>
</div>
<span class='staff-desc'>Dalam kegelapan, cahaya dengan cepat menghilang. Bahkan tanpa sadar tangan ini diulurkan tanpa bisa meraih apa pun. Saat jatuh, ada rasa menekan di bagian bawah</span>
</div>

<div class='staff-item hiatus'>
<div class='staff-thumb'>
<img src='https://1.bp.blogspot.com/-DmOVmFrkUPE/WApcIxqHFwI/AAAAAAAAALo/oeuOel3-8jgkOFXwWYe2vPCMczbddA-yACPcB/s1600/img5.jpg'/>
</div>
<div class='staff-box'>
<b>Usagilabs</b>
<i>Encoder</i>
</div>
<span class='staff-desc'>Dalam kegelapan, cahaya dengan cepat menghilang. Bahkan tanpa sadar tangan ini diulurkan tanpa bisa meraih apa pun. Saat jatuh, ada rasa menekan di bagian bawah</span>
</div>

<div class='staff-item'>
<div class='staff-thumb'>
<img src='https://1.bp.blogspot.com/-DmOVmFrkUPE/WApcIxqHFwI/AAAAAAAAALo/oeuOel3-8jgkOFXwWYe2vPCMczbddA-yACPcB/s1600/img5.jpg'/>
</div>
<div class='staff-box'>
<b>Usagilabs</b>
<i>Encoder</i>
</div>
<span class='staff-desc'>Dalam kegelapan, cahaya dengan cepat menghilang. Bahkan tanpa sadar tangan ini diulurkan tanpa bisa meraih apa pun. Saat jatuh, ada rasa menekan di bagian bawah</span>
</div>

<div class='staff-item'>
<div class='staff-thumb'>
<img src='https://4.bp.blogspot.com/-Y0JQKRzXnWI/WApcG_3gI3I/AAAAAAAAALo/OpssRq5MhA4r2xg9V0RMEYXz3lG-2dmtwCPcB/s1600/img11.jpg'/>
</div>
<div class='staff-box'>
<b>Usagilabs</b>
<i>Encoder</i>
</div>
<span class='staff-desc'>Dalam kegelapan, cahaya dengan cepat menghilang. Bahkan tanpa sadar tangan ini diulurkan tanpa bisa meraih apa pun. Saat jatuh, ada rasa menekan di bagian bawah</span>
</div>

<div class='staff-item'>
<div class='staff-thumb'>
<img src='https://4.bp.blogspot.com/-CAlIkPmbVFU/WApcHN6hasI/AAAAAAAAALo/sfUZfZF9VTwDxtFgWyoeCEnShyCs3P6NgCPcB/s1600/img1.jpg'/>
</div>
<div class='staff-box'>
<b>Usagilabs</b>
<i>Encoder</i>
</div>
<span class='staff-desc'>Dalam kegelapan, cahaya dengan cepat menghilang. Bahkan tanpa sadar tangan ini diulurkan tanpa bisa meraih apa pun. Saat jatuh, ada rasa menekan di bagian bawah</span>
</div>
<!-- END -->
</div>


Untuk halaman Schedule


<div id='schedule-wrapper' class='row-fetty'>
<!-- START SCHEDULE -->
<div class='schedule-box red'>
<b>SUNDAY</b>
<i>1 CH / WEEK</i>
<span>Ubau Mono Ubawareru Mono</span>
</div>

<div class='schedule-box green'>
<b>MONDAY</b>
<i>4 CH</i>
<span>My Big Sister Lives in a Fantasy World</span>
</div>

<div class='schedule-box'>
<b>23</b>
<i>JUNE</i>
<span>Grimgar of Fantasy and Ash</span>
</div>

<div class='schedule-box'>
<b>RANDOM</b>
<i>??</i>
<span>The Devil is a Part-Timer!</span>
</div>

<div class='schedule-box'>
<b>RANDOM</b>
<i>1 CH / MONTH</i>
<span>Is it Wrong to Try to Pick Up Girls in a Dungeon?</span>
</div>

<div class='schedule-box red'>
<b>SUNDAY</b>
<i>1 CH / WEEK</i>
<span>Ubau Mono Ubawareru Mono</span>
</div>

<div class='schedule-box green'>
<b>MONDAY</b>
<i>4 CH</i>
<span>My Big Sister Lives in a Fantasy World</span>
</div>

<div class='schedule-box'>
<b>23</b>
<i>JUNE</i>
<span>Grimgar of Fantasy and Ash</span>
</div>

<div class='schedule-box'>
<b>RANDOM</b>
<i>??</i>
<span>The Devil is a Part-Timer!</span>
</div>

<div class='schedule-box'>
<b>RANDOM</b>
<i>1 CH / MONTH</i>
<span>Is it Wrong to Try to Pick Up Girls in a Dungeon?</span>
</div>

<!-- END SCHEDULE -->
</div>


Cara Edit Blog Info Widget

Megumi Novel - Template Novel Blogger Responsive

Untuk mengedit blog info yang di atas bisa kamu ubah pada menu Tata letak/layout


Megumi Novel - Template Novel Blogger Responsive

Cara Edit Widget Donasi

Buka menu Tata Letak lalu ikuti langkah pengeditan seperti dibawah berikut ini.


Megumi Novel - Template Novel Blogger Responsive

Cara Edit Widget Recent Post

Ikuti langkahnya seperti pada gambar


Megumi Novel - Template Novel Blogger Responsive

Cara Setting Pagination (Next/Prev Link) dalam postingan (Masih Bug: Kontak Zulfikar di FB)

Buka Theme dan klik Edit HTML lalu cari kode berikut ini:


data='{name : "Novel"}'

Ganti Novel sesuaikan dengan jenis blog kamu yang diterapkan pada label postingan sebelumnnya (contoh "Manga" atau "Fansub"). Berikut ini contoh format yang benar pada postingan agar kode ini berfungsi.


Cara setting komentar disqus

Buka tema via edit HTML lalu cari kata yuukithemes-1 ganti dengan Shortname disqus situs kamu.


Download Template Blogger Megumi Novel


Kamu bisa mengunduhnya secara gratis disini. dan Terima kasih sudah berkunjung. bila ada pertanyaan bisa dengan berkomentar dibawah setelah artikel ini.


Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel