Description
Template LightNovel merupakan hasil clone dari lightnovel.themesia.com, merupakan thema wordpress Light Novel dan Web Novel dari themesia.com.
Featured
- Web Documentation
- Mobile-Friendly
- 100% Responsive Design
- Google Testing Tool Validator
- Google Rich Results
- SEO Optimized
- BloggerScript
- Sort Komen
- License Gen 4
- Browser Compatibility
- Filter Label Genre (Data MyAnimeList)
- Filter Label Score
- Filter Label Volume & Chapter
- Filter Label Type (Light Novel & Web Novel)
- Custom Iklan (Igniel)
- Bookmark
- Other
Download
Info!
Untuk Template Baru, Link Download bisa di akses khusus untuk Partners dan Members saja
Changelog
V.1.3.0 - Coming Soon
- Add Gallery Poster
- Add Iklan Parallax
- Add Pagination Latest Release
V.1.2.0 - Coming Soon
- BloggerScript V1.2
- Custom Post Slider V2.1
- Custom Post 2 V2.1
- Custom Post 3 V2.1
- Latest Release V2.1
- Custom Post 4 V2.1
- Recommendation V2
- Custom Post 5 V2.1
- New Series V2
- Bookmarks V2.1
- History V2.1
- Next & Prev Atas
- Next & Prev Bawah
- Setting Options Chapter V2
- Info Post Bagian bawah chapter
- Bottom Share V2
- Filter Search
- A-Z LIST V2
- Array Filter Label (Widget Label List)
- Add Komen Disqus
- Menambahkaan Logo Bendera
- Daftar Isi V2
V.1.1.0 - 06 Agustus 2023
- Fix Summary Custom Post Slider
- Add Limit Post(Max Post) Post Slider
- Fix Label Status & Summary Custom Post 2
- Add Limit Post(Max Post) Custom Post 2
- Add Custom limit post & chapter (Project Post)
- Add Unlock 150++ (Project Post)
- Add Limit Post(Max Post) Custom Post 3
- Add Limit Post(Max Post) Custom Post 4
- Fix No Thumbnail Tab Custom Post (Recommendation)
- Fix Bug Latest Blog
- Add limit post Latest Blog
- Add Support Url External Latest Blog
- Fix Tabs Populer post
- Fix Bug Chapter List Support Chapter Only
- Fix Custom limit Bookmarks
- Fix No Data(undefined) Bookmarks
V.1.0.0 - 09 Juni 2023
- Add BloggerScript
- Add Custom Polpuler Post
- Add Lisensi Berkas V4
- Add Fontawesome v5.13.0
- Add Jquery 3.6.4
- Add Custom Post Slider
- Add Custom Post 1
- Add Custom Post 2
- Add Custom Post 3
- Add Custom Project
- Add Custom post Tab Recommendation
- Add History Chapter Reader
- Add Custom Post Sidebar (New Post Series Only)
- Add Custom Iklan (Igniel)
- Add Bookmark
- Add Post List
- Add Chapter List
Source All Material
- https://lightnovel.themesia.com/
- https://cdnjs.com/libraries/jquery
- https://cdnjs.com/libraries/font-awesome
- https://fontawesome.com
- https://www.igniel.com/2019/02/sitemap-daftar-isi-navigasi-per-huruf.html
- https://www.dayat.id/2022/07/bloggerscript-javascript-library-khusus.html
- https://dagruel.com/next-prev-otomatis/
- https://www.dagruel.com/2021/08/multi-tab-popular-post-blogger.html
- https://cdnjs.com/libraries/OwlCarousel2
- https://github.com/OwlCarousel2/OwlCarousel2?utm_source=cdnjs&utm_medium=cdnjs_link&utm_campaign=cdnjs_library
- https://emissionhex.blogspot.com/2022/06/zeistmanga-v5.html
- https://www.igniel.com/2023/04/embed-iklan-tag-pemanggil.html
FAQ
Versi 1.1.0
No Data
Versi 1.0.0
Ini cuma html yang saya salin tapi lupa untuk di hapus.
1. Cari kode ini
<div class='rating-prc' itemprop='aggregateRating' itemscope='itemscope' itemtype='//schema.org/AggregateRating'>2. Dan ganti menjadi
<div class='rating-prc' itemprop='aggregateRating' itemtype='//schema.org/AggregateRating'></div>3. Dan simpan.
1. Bagian kode
<div id="clwd" class="bixbox bxcl epcheck">
<script>clwd.run('Date A Live');</script>
</div>2. ganti dengan kode dibawah
<div id="clwd" class="bixbox bxcl epcheck">
<div class="releases">
<h2>Read Date A Live</h2>
</div>
<div class="lastend">
<div class="inepcx" data-id="2">
<a href="https://lightnovel-clone.blogspot.com/2023/07/date-live-volume-22-chapter-12-bahasa.html">
<span>Chapter Baru</span>
<span class="epcur epcurlast">Vol. 22 Ch. 12</span>
</a>
</div>
<div class="inepcx" data-id="1">
<a href="https://lightnovel-clone.blogspot.com/2023/05/date-live-volume-22-chapter-03.html">
<span>Chapter Awal</span>
<span class="epcur epcurfirst">Vol. 22 Ch. 03</span>
</a>
</div>
</div>
<div class="eplister">
<div class="ephead">
<div class="eph-num">Vol/Ch</div>
<div class="eph-title">Chapter Title</div>
<div class="eph-date">Release Date</div>
<div class="eph-pdf"></div>
</div>
<ul>
<li>
<a href="URL_Post">
<div class="epl-num">Vol. 22 Ch. 07</div>
<div class="epl-title">Date A Live Vol. 22 Ch. 07</div>
<div class="epl-date">12 hours Ago</div>
</a>
<div class="epl-pdf">
<a href="URL_Download" rel="nofollow" class="dload" target="_blank">
<i class="fas fa-cloud-download-alt"></i>
</a>
</div>
</li>
<li>
<a href="URL_Post">
<div class="epl-num">Vol. 22 Ch. 07</div>
<div class="epl-title">Date A Live Vol. 22 Ch. 07</div>
<div class="epl-date">12 hours Ago</div>
</a>
<div class="epl-pdf">
<a href="URL_Download" rel="nofollow" class="dload" target="_blank">
<i class="fas fa-cloud-download-alt"></i>
</a>
</div>
</li>
</ul>
</div>
</div>Ingat ini tidak saya rekomendasikan.
Ini cuma permasalahan di bagian css saja.
1. Cari kode css ini
main .konten,.Sidebar{float:none;width:auto;padding:0}2. Dan ganti bagian width:auto; menjadi width:100%;
Dan akan menjadi
main .konten,.Sidebar{float:none;width:100%;padding:0}3. Dan save.
- Pergi di tempat Donwload Template kalian dan cari
License Key
- Isi Url Blog Kalian di input Url Blog dan Generate
- Secara otomatis akan muncul key license 1 sampai 3 dan Salin(Copy) semua.
- Pergi Tata Letak (Layout) dan cari widget Thema_License V4.
- Dan Tempel(Paste) kode key tadi kalian Generate
License 1License 2License 3di Konten.
itu perlu js kan?
//Source
https://cssloaders.github.io/
.Box_Chapter .post-body > img{margin-bottom:0;display:block;width:100%;height:auto}
cari kode(01) ini filterType = ['Web Novel', 'Light Novel', 'Doujinshi',], hapus dan ganti filterType = ['Nama_label', 'Nama_label', 'Nama_label',],
cari kode(02) ini <b:includable id='Label_Type'>
<b:tag name='span'>
<b:tag name='b'>Type:</b:tag>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:label.name in ["Web Novel", "Light Novel", "Doujinshi"]'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</b:if>
</b:loop>
</b:tag>
</b:includable> dan bagian ["Web Novel", "Light Novel", "Doujinshi"] ganti ["Nama_label", "Nama_label", "Nama_label"] Catatan :
kode 1 berfungsi untuk filter di bagian custom post atau yang menggunkan javascript.
kode 2 berfungsi untuk filter label di bagian populer post dan post.
https://blogger.googleusercontent.com/img/a/AVvXsEgLoCjtwtMchg7Zj95F8GCa3OkkYou1tyh-uDeTGUb_RzP5sWDlQzpZqO2LFz-DXbuPzTT5_xhVFm5JiqHPQ4hszNMFM4YVV4c1XxlP5WAXdu573J09YtCGhd9epjwqhDDiJ3KbacIH_nqUdhkHsYY8ZXFc9-tCUkJZ0x5bKQ8qUSMn43Bxc_zVU0wqdy4
Min cara hapus buku itu gmana ya, pengen saya ganti ke streaming
https://projectilhamz.blogspot.com/
Itu cara manggil episode di homepage gmana ya.. Saya sebelumnya udah ubah cma harus pake chapter post episodenya, pake yang Volume malah harus sama bersama chapternya...
Ini min itu kan Ch tampilan di homepage nya udah ane ubah jadi episode tpi manggil postingan episode nya tetep kdu pake chapter ubahnya gimana ya?
Cba cek web ane ni
https://projectilhamz.blogspot.com/
2. ganti Chapter dengan label yang diiginkan dan akan menjadi seperti ini cond='data:post.labels any (l => l.name == "Nama_Label")'
3. ganti semua total ada 5.
Terus sama tampilan custom post bisa di tambah lgii.
coba cari ini bre di templatenya fas fa-book-open
trus hapus klo pengen di hilangin atau ganti sama yg lain ini contohny klo buat streaming far fa-play-circle
udh kucoba bisa sih
https://www.heichou.site/
Ada beberapa yang ane ubah, tampilannya ini emng udah mirip persis seperti themesia.. Emng ga sempurna yg kayak sebelah tpi ini yang paling kusuka..
2. More precisely mangareader.themesia.com
How do I delete this section?
https://i.imgur.com/YB3tqUi.png
https://i.imgur.com/SlzI7B5.png
Kalau mau optimisasi lebih lanjut tambahkan fetchpriority='low'
fetchpriority bisa dipasang di script gambar iframe, wah kalau ditempatkan dengan benar bisa meningkatkan peforma loading.
Aku 2 haris optimisasi temaku dengan cara ini, hasilnya memuaskan.
ini urutan yang kamu post
OMG! I Turned Into A turtle
Chapter 34
Chapter 33
Chapter 32
....
Chapter 29
Chapter 28
Chapter 27
yang benar bagian post info/post series harus di post di awal.
Chapter 34
Chapter 33
Chapter 32
....
Chapter 29
Chapter 28
Chapter 27
OMG! I Turned Into A turtle.
.box_ads{margin:0 auto;max-width:1180px;padding:0 20px;overflow:hidden;position:relative;text-align:center}
.cpid{max-width:1180px;margin:0 auto;margin-bottom:1rem;position:relative;overflow:hidden;padding: 0 10px}
.content_thema{max-width:1180px;margin:0 auto;margin-top:30px;position:relative;overflow:hidden} dan ganti max-width:1180px; menjadi max-width:100%;
ganti width:100%; menjadi width:70%;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCHpKbK-XoT3r_tSQhEkzBXbYneiJczeYhkRvNsW5MMX-Dkv1ZSTm4ZjttewHx-jDFnBWhqkyxDOikaL5pwYuo2mk8SwZcY1DisQAj3l_TYmeJQTVuCbvpQMd5H9US1eNmvVNd3pydTIj2j0oNi3bVEiINpdtMWom3NKdXUFz4xaeow4l1P44MXbHDLk/s1280/IMG_20230707_031339.jpg
Dan cara buatnya
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWtCvVSPeEA5Gb2OI2SvXg7Y6Wg_7xAlyzFHa1VtgrdvD2M692ZrUz-pcFZeqzGKPVXjpHSlbvWm_gH07n-dYjZxTDXzTmFB6QIBAl65Z4mm3BX1DNOE91T2N5vj7ohsB58g58ZQ1MAVFel6lWkEXX-FVRsuvtNAIOlNbWmwi01M8rQge9doSlkvGpg2un/s1280/Screenshot_2023-07-09-10-04-31-529_com.android.chrome.png
Tambahkan CSS ini untuk temporary fix:
.listupd .bookItem .uta .luf h3 {max-width: 35ch;}
Dan kode ini untuk dark mode.dark body{background: #16151d;color: #ccc} cari dan ganti bagian ini background:#16151d;
https://i.imgur.com/rFeYmDY.jpg
https://i.imgur.com/2U59RHi.jpg
<span itemprop="ratingValue">8.89</span> / <span itemprop="bestRating">10.0</span>
<div>by <span itemprop="reviewCount">3530</span> Review</div>
</div>
Itu cuman contoh, codenya harus ditulis ulang.
Atau coba ini. Cari: itemscope='itemscope' Hapus itemscopetanda kutip: itemscope='' Kalu tgagal, tunggu aja update selanjutnya.
https://freeimage.host/i/HQFdYHx
https://freeimage.host/i/HQFdYHx
Di pengaturan cari Feed Situs - Izinkan feed blog - Pilih Sampai batas postingan/Pendek.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs_aRgYjMud0dm6RrDINS47bHNAc9DwGUaBdJVQ-8leg_eD29w5e0Oh3WR9O_NGdGg5QrTk6kehGiA0xAbbHVq7RTLGzwdyOeZN18RNpAdTP70Orrv4OkzMQz3nnYvlAaaPWhmn5LpNXZ9l2Sbdydt78dyZq-1_zsPaQizFMvS7QRVtRlBy31vYuXbJKw/s1346/site_feed.png
Jangan lupa tambahkan: <span><!--more--></span> di atas post chapter.
Semuanya post chapter wajib pakai itu.
https://i.ibb.co/h2dh8ky/Screenshot-20230809-212206-Via.jpg
dan button download yg muncul di post series dan post chapter juga min.
dan satu lagi ni, apa bisa cara post chapter dibikin kyk tema Mstream Dayat.id, yg pake Converter Image, biar lebih gambar buat post chapter dari web lain gitu, -sekedar saran aja min.
Tinggal di modif aja source codenya.
Skrip ini dibuat dengan ChatGPT.
maaf aku gak ngerti, modif source code maksudnya gimana ?
boleh minta kah min @Wernayasa ?
ini pake Javascript kah ?
ini bisa convert code html dari web lain kah min ? kyk komikcast gitu
aku tadi coba tpi kyknya ga bisa, apa dimodif dlu baru bisa ?
Aku juga gk ngerti cara modifikasinya, skrip ini buatan ChatGPT.
img.img_ch{animation:opacity 3s ease}
@keyframes opacity{0%{opacity:0}100%{opacity:1}}
</style>
<div class="isi_chapter"></div>
<script>
let data_content = `<data:post.body/>`;
</script>
<script type='text/javascript'>//<![CDATA[
window.addEventListener("DOMContentLoaded", function() {
let e = data_content,
a = document.createElement("div");
a.innerHTML = e;
let t = a.querySelectorAll("img"),
n = document.querySelector(".isi_chapter"),
A = '<div class="bx_dl">';
t.forEach(e => {
A += `<img class="img_ch" src="${e.src}" alt="Image Chapter" loading="lazy">`
}), n && (n.innerHTML = `${A}</div>`)
});
//]]></script> tapi ini masih belum final atau masih coba-coba.
buat template LN ini, klo bisa aja min,
soalnya bagus desain widget slidernya
keren aku baru tau kalo transisinya ada yg selain slide, soalnya biasanya orang² pake slide kulihat.