Download Template Blogger Novellar Gratis Untuk Web Novel

Taufik Nurhidayat
Taufik Nurhidayat
- calculating..
Pada kesempatan kali ini saya mau membagikan sebuah template blogger yang dikhususkan untuk web novel atau web baca novel online.

Template Blogger Novellar

Template Novellar adalah template Blogger yang saya buat khusus untuk blog atau web novel, template ini sangat cocok untuk yang sedang menerjemahkan novel dan dipublish di blogger.

Fitur Template Novellar

Untuk saat ini template Novellar masih versi 0.1, dan mungkin terdapat bug. Berikut fitur yang tersedia saat ini:
  • Fast Loading
  • Mobile Responsive
  • Seo Friendly (Need Customization)
  • Pass Schema.org
  • Load More Button in Index
  • Custom 404 page
  • Recent Post Novel in Index Only
  • Automatic Chapter List
  • Automatic Next and Prev by Label
  • Bootstrap 4.5
  • Material Icons
  • Automatic Novel Page
Hasil dari google light house:

Download Template Blogger Novellar Gratis Untuk Web Novel

Dokumentasi Template Novellar

Navbar

Untuk mengubah link navbar silahkan buka blogger>tab tema>edit html cari kode berikut dan ubah atau tambah dengan link yang anda inginkan, maksimal 4 link yang saya sarankan jika menggunakan ikon material. Jika lebih maka bisa membuat navbar terlihat tidak simetris, silahkan dicoba.
<li class='nav-item'><a class='header-link' href='/p/daftar-novel.html'><i class='material-icons'>collections_bookmark</i>Daftar Novel</a></li>
<li class='nav-item'><a class='header-link' href='#'><i class='material-icons'>view_list</i>Proyek</a></li>
<li class='nav-item'><a class='header-link' href='#'><i class='material-icons'>sms</i>Ruang Ngobrol</a></li>

Untuk warna merah adalah link tujuan, warna orange adalah icon material yang bisa anda buka referensinya di materials.io, untuk warna biru adalah text yang tampil dari link itu sendiri.

Halaman Daftar Novel

Silahkan buat halaman baru dan ubah ke tampilan HTML dan tempel kode berikut

<style>
@media (max-width:575){.card-columns{-webkit-column-count:2;-moz-column-count:2;column-count:2}}@media (min-width:576){.card-columns{-webkit-column-count:2;-moz-column-count:2;column-count:2}}@media (min-width:720px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3}}@media (min-width:1000px){.card-columns{-webkit-column-count:5;-moz-column-count:5;column-count:5}}h3.rcnt-title{font-size:unset}
</style>
<script type="text/javascript">
var numposts = 99;
var showpostthumbnails = true;
var showpostdate = true;
</script>

<script src="/feeds/posts/default/-/Novel?alt=json-in-script&amp;callback=rcentbytag"></script>
Kode  var numposts = 99; adalah jumlah maksimal postingan yang akan tampil
Kode var showpostthumbnails = true;adalah variabel apakah tuhmbnail akan ditampilkan, jika true maka thumbnail akan muncul dan jika false thumbnail tidak akan muncul
Kode var showpostdate = true; adalah variabel apakah tanggal publikasi akan ditampilkan atau tidak

Widget Recent Post Pada Halaman Index

Sidebar dalam template ini hanya akan muncul di halaman index yaitu halaman depan dan pencarian. Silahkan edit di tata letak dan pada sidebar terdapat widget berupa html/javascript. Kode tidak berbeda dengan yang ada pada halaman Daftar Novel.


<script type="text/javascript">
var numposts = 3;
var showpostthumbnails = true;
var showpostdate = false;
</script>

<script src="/feeds/posts/default/-/Novel?alt=json-in-script&amp;callback=rcentbytag"></script>

Link Footer

Untuk link footer sendiri sudah terdapat dalam tata letak jadi mengeditnya akan mudah.

Cara Membuat Postingan

Untuk membuat postingan index dari novel atau daftar isi beserta info novel silahkan isi dengan label Novel dan judul novel, sedangkan untuk postingan chapter 1,2,3 dst, hanya diisi dengan label judul novelnya saja dan jangan pernah memberi label lebih dari 1 untuk postingan halaman chapter karena akan membuat script next prev per label error. Untuk isi postingan buat seperti berikut dalam mode html
<div class="row">
<div class="col-sm-4"><img src="URL-GAMBAR" /></div>
<div class="col-sm-8">
<p><b>Genre</b><br />
Sci-fi, Fiction,
</p>
<p><b>Info 2<br/>
terserah
</p>
<p><b>Sinopsis</b><br />
Isi sinopsis
</p></div>
</div>
<script>var autlist = true;</script>
Jika ingin membuat link secara manual hapus kode <script>var autlist = true;</script> dan ganti dengan kode berikut:
<div class='auto-listchap'>
<ul>
  <li><a href='http://url-post'>Chapter Title</a></li>
  <li><a href='http://url-post'>Chapter Title</a><li>
  <li><a href='http://url-post'>Chapter Title</a><li>
  <li><a href='http://url-post'>Chapter Title</a><li>
</ul>
</div>

Download Template

Untuk demo anda bisa kunjungi Novellar Themes dan link  Download Template Novellar

Changelog

v 0.1 29 Juli 2020 realeased

Syarat dan Ketentuan

Tidak mengandung kontent berbau sara, pornografi, judi.
Tidak menghapus credit footer

Comments

  1. Ijin comot min buat koleksi, nih web novel saya demoness9.blogspot.com

    ReplyDelete
    Replies
    1. Widih, bagus bener tuh web

      Delete
    2. PrevNext by label Limit nya sampai 150 post bang, jadi kalo ada 160ch, ch1-1o gak ke index.

      Delete
    3. Kayaknya blogger gak ngedukung lebih dari 150 postingan. Nanti saya coba perbaiki

      Delete
    4. nunggu yang limitnya 1000 gan.wkwk

      kerepotan ini, klw chapternya 200.

      Delete
    5. bisa sampe 500 sebenernya tinggal ganti aja tuh dalem scriptnya yang max-result='99999'

      Delete
  2. ramah adsense nggak mas???

    ReplyDelete
    Replies
    1. Sayangnya nggak ramah adsense mbak, harus setting sendiri biar bisa pake adsense.

      Delete
  3. cara agar post info novel tidak masuk di chapter list gimana?

    ReplyDelete
    Replies
    1. Coba gabungin dengan script tombol next-prev

      Delete
    2. Tp itu saya pakai template agan novellar, //novelstations/blogspot/com ..

      Delete
    3. iya coba gabungin saya males soalnya, ambil dari script megumi novel versi lama juga bisa.

      Delete
  4. cara agar bisa pasang adsense gimana om?

    ReplyDelete
    Replies
    1. Setau saya web novel nggak bisa pasang adsense, kecuali novel buatan sendiri cmiiw.

      Delete
  5. kalau buat disqus gimana om?
    cara ganti dengan disqus milik sendiri

    ReplyDelete
    Replies
    1. cari aja di dalemnya fik-exam ganti dah tuh, saya lupa lagi soalnya

      Delete
    2. dimana om? gak ada di tema

      Delete
    3. maksudnya gimana om?

      Delete
    4. disqus-shortname mas, ganti aja bukan fik-exam

      Delete
  6. Hi, how can I change the button "Pembaruan Lainya" into my language? :(

    ReplyDelete
    Replies
    1. uh sorry, maybe its cant' change it. But if you replace the code you can change it, search "How to add infinity loading blogger".

      Delete
  7. cara ganti disqusnya dengan komentar blogger asli gimana ya?

    ReplyDelete
  8. itu apaan gan yang kayak web analis gitu? minta linknya gan saya juga mau coba cek web saya hehehehe

    ReplyDelete
  9. Halo kak, saya izin bertanya, cara membuat safelink seperti milik kakak gimana ya ?

    ReplyDelete
    Replies
    1. Maaf baru jawab, itu pake nihlink gan coba aja.

      Delete
  10. min kalau mau buat list novel di tema yang beda gmana ya?

    ReplyDelete
  11. Min ngak mahu update kah nih template

    ReplyDelete
  12. udah ada niat sih, cuma setengah jalan wkwkwk

    ReplyDelete
  13. Mau update sih, tapi entah kapan wkwk

    ReplyDelete

Post a comment

- Gunakan <em>kode yang sudah diparse html</em> untuk menampilkan kode.
- Tidak diperbolehkan menggunakan hyperlink