Tanya Jawab

Hallo Min, ini tentnag template Pelacak Rilisan: Template Blogger Untuk melacak Rilisan Fansub, Kalo dijadikan template fansub bagus tuh min, jadi tolong jadiin template fansub :v keren bet parah soalnya

Saya modifikasi sesuai standar template fansub.
Ada download box dan kotak momentar disqus.
Cek disini:
https://pelacak-rilisan-bt.blogspot.com/2020/06/enen-no-shouboutai-ni-no-shou.html

Buat Widget Recent Comment Pure HTML Blogger kira kira bisa ndak mas ?, tanpa JS.

Engk bisa.
aku memakai recent comment rss feed
http://blogname.blogspot.com/feeds/comments/default

Mas untuk template komik itu bagian post chapter dengan info komik harus dipisah ya ? misal agar chapternya muncul di homepage sebagai awal bearti chapter harus di setting tanggalnya menjadi terbaru untuk post info komiknya disetting tanggalnya paling lama agar tidak ada bagian post yang hilang.

untuk setingan template furiox, gw tidak memajukan tanggal, tapi dengan menambah jumlah postingan menjadi 100.
logikanya, semakin banyak jumlah postingan maka tidak ada chapter yg tertutupi. gw pilih angka 100 karna postingan masih sedikit. tapi ini solusi tambahan.
solusi yg bagus seperti katamu tadi, dengan memajukan tanggal post info dan chapter. lebih bagus post info dan chapter dimajukan tanggalnya bersamaan.

Mas dulu saya mau buat widget BLOG1 menjadi 2 / yang menampilkan Postingan Menjadi 2 Sesuai Label yang diinginkan dikarenakan metode saya terhalang ( post hilang karena masalah urutan tanggal / post) , untuk metode nya mas bila saya pakai kira kira bisa ndak yg setting 100 post ?, Rencanya mau buat di homepage ada Postingan Terbaru dengan 2 Label "Chapter Update" & "Info Komik".

iya bisa.

ok mas makasih

min bisa bikin image server kah ? buat simpan gambar manganya/doujin tapi bukan di simpen blogger loh ya,

engk tau juga gan, soalnya belum pernah bikin tempat nampung gambar.

mas membuat template yang bagus tuh bagaimana ?
1. CSS menggunakan banyak class(.) dibanding id(#) / Menggunakan banyak id(#) dibanding class(.)
2. CSS menggunakan css panjang .footer / pendek .ft
yang lebih baik yang mana mas ?

1. Menggunakan banyak class.
Kalau urusan styling lebih bagus menggunakan banyak class. Saya jarang memakai ID kecuali untuk membedakan style widget.
#sidebar .FeaturedPost {background-color: red}.
#main .FeaturedPost {background-color: green}.
Jangan gunakan id berlebihan untuk styling.
2. Saya lebih suka panjang. Alasannya biar tidak membingungkan. Ini namanya menulis css dengan cara semantic. Arti semantic disini yaitu memberi class dengan nama yang sesuai element. Misalnya .sidebar .header .main dst.
3. Utility CSS. Ini salah cara penulisan css favorite saya. Utility CSS adalah css yang ditulis hanya dengan satu property. Misalnya:
.flex {display:flex}
.aic {align-items: center}
.bg-blue {background-color: blue}
Classnya ditulis seperti: class="flex aic".

Saya menggunakan flex dimana-mana. Apabila saya ingin memakai flex maka hanya perlu menambahkan class="flex" dan kalau saya ingin menengahkan div maka tambahka class="flex aic". Kalau ingin backgrounya biru maka saya tulis class="flex aic bg-blue". Saya tau backgrounya akan biru karena sudah saya tuliskan css itu sebelumnya.

terima kasih mas ilmunya

Masih menunggu cloning Template East Manga hehe

tanya min, perbedaan menggunakan CSS float dan flex apa ya?
soalnya theme w semuanya menggunakan CSS float, belum belajar CSS flex

EastManga akan dikerjakan bulan depan.

Float dan flex sama2 memindahkan div ke samping, bedanya flex tidak tidak perlu di clear. Fungsi Flex untuk mensejajarkan HTML element.
Misalkan .container {display:flex} maka nav pindah ke kanan.

<div class="container">
<div>Logo dan search</div>
<nav>Menu</nav>
</div>

Untuk menengahkan secara horizontal maka .container {display: flex; align-items: center}. Ini berguna untuk membuat menu navigasi mirip EastManga. Sayangnya EastManga memakai padding untuk menengahkan item, jelas2 ini salah. Padahal lebih gampang dengan memakai align-items: center.

Contoh lain. Misalkan aku ingin Logo berada di kiri dan nav di kanan maka tambahkan justify-content: space-between .

.container {display: flex; align-items: center; justify-content: space-between}

min gimana yak

Cara buat nya di id="Download-detailsdi Anilist Pro

Biar tampil cuma link donwload seperti itu gimana yak??
kalok boleh bantuannya dong??

dah cobak kok gak mau tampil....

download script dibawah ini. disitu ada instruksinya.
Prinsip kerjanya, apapun yang ada dalam id="Download-details" akan dipindahkan ke <a name='details'/>

https://app.box.com/s/di4728palwidg4utt5ytbeqcxmccqbyw

Ask dong kak, apakah bisa kalo Web manga diedit readmodenya dihapus ganti jadi download box kaya web anime, nanti jadinya kaya web doujindesu 😏

Itu solusi bagus menurutku. readmode terkadang bikin banyak masalah. Bisa sih di edit cuman buang2 waktu, lebih baik saya mengerjakan template baru.

Kebetulan template berikutnya adalah template doujinshi, baru rampung 40%. rencanaku di template itu akan ada readmode dan tombol download dalam satu halaman, ini adalah fitur baru yg masih dalam konsep, lihat aja nanti bagaimana hasilnya.

Saya ingin berexperimen dulu sebelum bikin tema gede kayak EastManga. Kan sayang kalau template EastManga jadi gagal kayak template Furiox. wkwkw.

min kalok mau buat template sendiri gimana yak dasar nya??

Wah mantap tuh kak, semoga template yang dibikin nanti bisa bermanfaat bagi banyak orang, saya akan sangat menantikan hasilnya, Semangat yah kak mengerjakannya, smeoga sehat selalu, hehe

hehehe, makasih

Persiapan bikin template blogger sendiri:
- Tema dasar: linknya ada di bawah.
- Siapkan desain/web yg ingin di clone: (nyaa.si)

Langkah langkah membuat template blogger sendiri.
- Bikin blog demo lalu pasang tema dasar.
- Bikin 5 postingan.
- Biasanya saya bikin template dari halaman homepage mulai dari bagian paling atas yaitu menu.
Ikuti langkah berikut untuk membuat menu ala nyaa.si:
tambahkan code dibawah ini di atas <main>
<nav><b:section id='navigasi'/></nav>
b:section fungsinya untuk unlock slot Halaman. Masuk ke tata letak lalu tambahkan 3 widget. Widget Search, Widget Halaman, Widget Header. Pastikan hasilnya sama dengan demo. Berikan link demo blogmu.

Setelah tahap diatas selesai, berikutnya kita masuk ke pelajaran css. Chat disini aj. Jangan di Facebook. Ntar tutorial ini berguna bagi user lain.

Lihat demo disini:
https://ani-amv-bt.blogspot.com/
Tema dasar v6 standar:
https://app.box.com/s/wrpw3x11icf695o9705wi826mn9ifg38
-

tau aja tapi bukan yang itu di maksut

tapi orderan tetap jalan hehehehe

Tapi intinya mau belajar bikin template kan. Coba bikin yg sederhana dulu mirip:
animestation dot id

https://linkgudang.blogspot.com/


mau blajar sedikit dikit

mau tanya min, max comment blogger untuk 1 post cuma 200 comment ya?

tambahkan css berikut:
body {
margin: 0;
}
nav {
max-width: 1110px;
margin: 0 auto;
line-height: 120px;
}
#navigasi {
display: flex;
justify-content: space-between;
align-items: center;
}
Penjelasan:
display: flex fungsinya untuk mensejajarkan html tag
justify-content: space-between fungsinya untuk memberi jarak antara html tag
align-items: center untuk menengahkan menu agar sejajar

Sekarang kita sejajarkan menu list dengan spesifik target:
.PageList ul {
display: flex;
list-style: none;
gap: 10px;
}
Penghapusan item yang tidak diperlukan:
Di dalam Widget Halaman hapus: <b:include name='widget-title'/>
Dalam Widget Header hapus: <b:include cond='data:imagePlacement != &quot;REPLACE&quot;' name='description'/>
Hapus Widget Search.

unlimeted

ini kok cuma 200 ya?comment ke 201 hidden

https://pemudanolep.blogspot.com/2020/05/template-blogger-mirip-animestream.html

https://weeblord.azozmaymay.workers.dev/ Mau Clon

simpel hehehehe

A
Pass : A5643

simpel simpel aja

Klik Load More...

Bagus, sudah bisa tuh, lanjutkan.
Kalau kesulitan balas aj komentar ini.

kalo misal tanpa klick load more semua comment langsung muncul bisa gk?

Ganti font nya dulu tambahkan ini:
body {
font-family: Roboto,sans-serif;
line-height: 1.5;
}

Kayaknya engk bisa diatur deh, saya cek di threadedComments tidak ada code yang bisa di modifiksai.

Besok malam saya share tema dasar v6 terbaru yang saya pakai. Tema dasar lama sudah di pensiunkan. Tadi yang saya share komentarnya tidak muncul, jadi perlu perbaikan.
Salah satu fitur yang gue suka adalah komentar yang bisa di edit manual juga gambar avatar nya juga gede.
Adapun fitur lainnya:
Share social media, Copy Link, Dark-Light Mode (new script), Post Navigation Numeric tanpa tergantung jquery.

makasih paduannya

edit post gimana yak?

Aneh, kok fontmu ga ada efeknya ya, padahal sudah dipasang.

Untuk hompage post cari code ini
<b:includable id='feed'>

Hapus aj b:include yang tidak diperlukan seperti:
<b:include name='commentsLink'/>
<b:include name='postTimestamp'/>
<b:include name='postAuthor'/>

ask min, contoh kalo mau nge clone theme ini https://blantertokoshop.blogspot.com/

untuk bagian harga sama diskon homepage di buat gimana ya?

mangkanya itu hahaha kok kayak sama aja

Belum tau, kelian rumit juga, mungkin memakai javascript.

Blogger mengupdate widget Blog, sekarang lebih ramping, kayaknya banyak code lama yang dihapus google, belum di periksa sih semuanya, keseluruhan ini tema dasar terbaik untuk sekarang. Adapun yg kuganti tombol share dan kotak komentar yg kuambil dari tema media UI.

Tema Dasar Blogger v7:
https://app.box.com/s/okx8mzp90r7fjwl3m1msnj1m7c3yqubp

min mau tanya, kenapa ya di tombol select chapter, chapter 1 sama 2 selalu diatas ga mau turun tp chapter lainnya normal?

https://www.mgkomik.my.id/2020/08/the-ghostly-doctor-chapter-189.html

https://drive.google.com/file/d/14fgwffyqImB4LiWJSHLWL_aYYcItYB8J/view?usp=sharing
ini scriptnya

oh iy min sklian, bisa gak tombol nextprev by label jd 2, diatas dan bawah post

buat bagian post yang mana min??

buat tampilan mobile gimana min

mungkin karena pengaruh tanggal postingnya, coba tanggal posting diturunkan mendekati chapter sebelumnya. kalau memang tidak bisa berarti ada faktor lain yg susah di fix.

Saya sudah tidak menerima modifikasi template, soalnya bakal menguras waktu.

cari code ini:
<b:includable id='post' var='post'>

Hapus semua b:include yg tidak diperlukan:
breadcrumb
postTitle
headerByline
postFooter
relatedPost

ganti <b:include name='dataMessages'/> dengan:
<b:include cond='data:view.isMultipleItems' name='dataMessages'/>

engk perlu di modif, untk tampilan mobilnye sudah bagus.

makasih atas panduannya

udh nyoba tggl d ubah2 jd hr yg sama, 1 hr sblmnya, bhkn smpe buln sblmnya tp hsil ny ttep gtu wkkwk

wkwkw, aneh juga ya.
pernah nyoba auto index dari Arleth.
saya juga browsing kesana kemari untuk mencari solusi untuk chapter, masih belum ketemu.
Kita perlu sistem baru yg memudahkan browsing chapter.

https://arlethdesign.blogspot.com/2017/11/Anime-Informasi-Auto-Index-DiBlogger.html

sudah jadi templatmu?
sampai disitu aj?

belum masih cari ide nih

klo yg anime info sh udh fix min, tinggal select chaptr yg kayanya ad mslah d javscriptnya cm g pham javascript jd bingng wkwk

sama, kalau javascript nyerah gue
wkwkw

buat nampilin label tertentu gimana min?

cari id='postLabels'
lalu ganti code di dalamnya dengan:
<b:with value='["Anime","OVA","Movie"]' var='filter'>
<b:loop index='i' values='data:post.labels' var='label'>
<span class='post-labels'>
<b:if cond='data:label.name in data:filter'>
<a expr:data='data:label.name' expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</b:if>
</span>
</b:loop>
</b:with>

script ini nantinya hanya akan hanya menampilkan Anime, OVA, dan Movie. cara menambah filter baru yaitu beri tanda koma lalu 2 tanda petik:
,"Label"

hanya bisa menyaring sekitar 40 an label, kalau kelebihan bisa error.

Min, kalo ngebuat kolom komentar kaya di blog ini gimana, min?

https://convallariaslibrary.com/translated/observation-record-of-a-self-proclaimed-villainess-fiance/

Kolom komentar macam itu bisa di modifikasi lewat css, asalkan kotak komentarnya masih bawaan blogger.

Blogmu memakai disqus jadi tidak bisa di modif.

manggil komen gimana min di bagian post

paste code dibawah ini diatas </b:defaultmarkup> :
<b:includable id='disqus'>
<!-- Paste code universal disqus kamu disini. Ambil dari situs disqus -->
</b:includable>

Cari code ini <b:include name='feedLinks'/> lalu ganti dengan :
<b:include cond='data:view.isHomepage' name='disqus'/>

Berikutnya cari code ini name='commentPicker' lalu ganti dengan:
<b:include cond='data:view.isSingleItem' name='disqus'/>

Good luck

mau pakek komen blogger min

Periksa dulu apakah komentarmu aktif masuk ke Setelah => Komentar => Lokasi Komentar : Tersemat.

cari <b:include cond='data:view.isSingleItem' name='disqus'/> lalu ganti dengan:
<b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>

Mudah mudahan aj muncul, sebenarnya kotak komentar blogger sudah ada cuman entah kenapa tiba2 hilang. Ini terjadi sama blog yg ku kerjakan. Awalnya sih ada, pas waktu otak atik lama2 hilang sendiri.

tapi enaknya komen pakek apa ya

Disqus - Blogger - Facebook

Kalau ingin ramai yg komentar pake Disqus (Penggemar anime rata2 punya akun Disqus).
Pakai blogger kalau suka modifikasi kotak komentar (kurang populer dikalangan penggemar anime, populer dialangan, blogger, blog tips trik, atau developer)
Orang gk suka komentar dengan facebook karena masalah privasi, takut identitasnya ketahuan (Not recomended).

Rekomendasiku pake Disqus aj.

min ini komen nya kenapa yak kok ada yang muncul ada juga yang gak muncul??

Itu masalah dari Disqus, engk tau kenapa bisa begitu.
Masih belum ada solusinya. Tapi coba dulu script dibawah ini:
<a expr:href='data:post.link ?: data:post.url + &quot;#disqus_thread&quot;'>Comments</a>

udah... yahh biarlah, cuma post pertama aja yang gak mau muncul

coba bikin satu posting lagi, biasanya udah fix itu

ada PR lagi

https://linkgudang.blogspot.com/2020/08/murenase-seton-gakuen-special.html

tambahkan ini dulu dibawah <body
<b:class cond='data:view.isMultipleItems' name='feed-view'/>
<b:class cond='data:view.isSingleItem' name='item-view'/>

code itu fungsinya untuk membedakan class multiple view dan single view (singkatnya membedakan class post dan homepage)

lalu apa masalahnya?

ada modul untuk tag cond blogger gk min?
pengen tau semua tag cond blogger , searching kesana kesini gk nemu yg lengkap

ada, ini yg sering saya pakai

https://app.box.com/s/evzoabyyhwlv4u5hsk9ta5yz6rnfh3fw

masih min biasanya masalahnya apa yak?

bisa jelaskan lebih rinci masalahnya?

kalok gua tambahkan di post

tag I (Manggil icon) nya malah kemana-mana dan doble

kalok pakek tag lainnya normal

kirim templatenya ke fb fanspage, nanti saya periksa

selain fontawesome.com di mana lagi yak yang enak?

yang paling mirip IconMoon, bedanya dengan fontawesome icon set bisa kita pilih sendiri https://icomoon.io/app/#/select
saya sih kurang suka sama fontawesome karena masalah peforma, pake svg aja kalau mau.
https://materialdesignicons.com/
https://feathericons.com/

ohhh enak lansung pakek svg

min kalok mau edit page navigation dimana yak

di home page pakek angka

kalok label lain lagi

hapus
<b:include cond='data:view.isMultipleItems' name='postPagination-numeric'/>

setelah di hapus, navigasi post jadi normal. iya, jadi keliatan engk konsisten, tapi belum ada solusi untuk navigasi post di label.

dah bisa min

ganti data:label.url

menjadi data:label.url+ "?&max-results=5"

makasih triknya, berhasil.
sekarang tampilan label search lebih konsisten

@Yukine
kapan baru jadi tuh temamu?

gak tau masih cobak cobak nih

masih banyak yang ingin di pelajari tentang blogger hahahaha

setidaknya sudah bisa bikin tema sendiri, gk kayak gue dulu pake program Artisteer

gua masih baru min jadi banyak yang belum tau fungsi-fungsinya dan kebanyakan copas

menurutku bikin template fansub lebih susah dari template blog

ohh ya min kalok cari info tentang blogger dimana yak?? seperti hal-hal yang baru di blogger gitu ,

referensiku biasanya dari situs blakbin atau seach google
https://bloggerbook.blakbin.com/search/label/Reference

untuk menemukan hal2 baru diperlukan kreatifitas, tidak ada situsnya. kita bikin sendiri tergantung situs apa yg mau di clone.

berbicara maslah clone, saya sarankan clone website aja daripada bikin sendiri. ini fungsinya untuk menghemat waktu pembuatan. bayangkan waktu coding website masih mikirkan warna, lebar, fungsi dan segala macam. pernah kehabisan ide sewaktu bikin tema? saya sering begitu, harus break dulu mencari ide.

req tutorial min supaya gk ngantuk saat coding theme
udah ditemenin kopi masih aja ngantuk saat ngoding -_-

lol
saya jarang minum kopi, tapi minum hemaviton es.
mungkin km butuh semangat, beberapa hari ini sy juga engk begitu semangat buat template dojin, bolak balik nyari solusi di googel masih belum ketemu solusinya.

saranku bikin jadwal aj, hari sabtu minggu libur coding/bikin tema, buat refreshing. menurutku ini penting untuk menjaga kita tetap semangat dalam jangka panjang.

bukan kurang semangat, tapi lelah aja ngurusin 2 blog + coding theme. padahal niatnya mau jadi fansub, gk jadi gegara ada request theme :v

pagi jam 1 upload anime ongoing siangnya bantuin emak + coding theme disela sela istirahat.

oiya min, gk ada niatan belajar javascript kah ? :v

oh gitu, kalo capek memang susah dibendung, kopi gk bakal mempan.

niat sih ada, tapi belum terlaksana.

Mas cara menyembunyikan judul postingan yang terlalu panjang di ganti dengan (...)

mungkin ini

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

hahahaha sama coding waktu luang aja

nah itu bisa, atau pake yang ini. judul postingan menjadi 2 baris. letakkan class post-title di h3 atau h1

.post-title {
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 15px;
}

Maaf kak saya ada permasalahan kaya gitu juga, nah kode di atas di taruh di mana ya?

taruh di atas ]]>

ganti css code lama dengan yg ini:

.title-info a {
max-width: 60%;
font-family: 'Roboto',Arial;
background: #fff;
color: #3cc091;
padding: 7px 0;
border-radius: 2px;
float: left;
font-size: 15.5px;
z-index: 1;
margin: 0 0;
font-weight: 500;
overflow: hidden;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
height: 30px;
}

Prev-Next label jadi 2 bisa kok, tinggal di clone aja
Link contoh: https://www.sandinovel.my.id

@Demon Empress. sy mau survei kamu.
kalo blog novel apa sih yg paling penting? di halaman depan apakah perlu thumbnail gambar atau hanya perlu judul saja?

oh ya kalau blog novel yg desainnya bagus kasih tau saya.

gak ada yang dibutuhkan sih kalo soal tampilan/desain tema (bagi pengguna blogger ya),tapi ya itu hanya masalah di edit Link Prev-Next aja yang ribet. kebanyakan yang punya Blog Novel Wordpress juga rata-rata pake Tema Manga yang dijadiin blog novel Demo: https://demo.mangabooth.com/ (udah pasaran parah)
atau ada juga tema novel versi gratis Demo: https://indowebnovel.id/
kalo ini dibuat khusus untuk blog novel Demo: wuxiaworld.com

bisa dilihat disini ( kurohanan.blogspot.com ) kumpulan bookmarks blog Fans Translation

setuju, link prev next yg paling penting, fitur lain belakangan

bang, saya liat di kotak komentarnya user pada punya badge kayak "web developer" "novelist" dan lain-lain. Nah itu cara bikinya gimana ya? konsepnya gimana?

konsepnya memakai advance css selector tanda square bracket itu [ ]
https://youtu.be/Bcr70LIJcOk

Saya ingin tahu apakah ada yang tahu cara memfilter feed blogger dengan ajax seperti posting randons atau posting unggulan yang terlihat di beranda.

setahuku masih belum ada, mudah2 an ada yang mau bikin

posting unggulan yang terlihat di beranda? bukanya itu bisa pake widgetkan? lagian kalau saya liat pake Json feed bloggger, mereka gak ngembaliin data yang bosa kita olah sebagai postingan populer. Makanya kita gak bisa ngebedain mana post populer atau enggak lewat json publiknya blogger. Bahkan saya nyari di API bloggernya pun mereka gak nyediain data "views" buat kita olah, malah data thumbnail postingan pun gak dikasih wkwk

Min cara hapus button grid, list di samping Update terkini gimana ya

Cari code ini:
name='postChapterFeedDivider'
hapus:
<div id='cover'>
<div id='grid'>
<div id='list'>

Min tau gak kenapa tombol 'reply' komentar bawaan blogger bisa hilang? Ada solusinya gak ya?
https://www.sandinovel.my.id/2020/08/lord-xue-ying-chapter-601-keputusan.html

tombol reply mu terhidden.
tanyakan sama kang nolep

Halo admin, salam kenal untuk anda dan seluruh komunitas anda ingin request clone dari halaman manhwa berikut yang mempunyai design yang bagus
https://manhwa18.com/
Terima kasih

Saya bookmark dulu

ok

min cara img-thumbnail agar tidak kepotong gimana? pengen full. //novelstations/blogspot/com

ga jadi min, maaf

ganti ini min, saya mau tanya. cara agar post info dengan label "Novel" tidak terindex ke dalam chapter list gimana? //novelstations/blogspot/com

Coba tanyakan sama pembuatnya. Soalnya saya juga mengalami masalah tersebut.

Related Post/Artikel lainnya yang pakek thumbnail gimana yak

mau memasangnya?
coba yg dari Igniel
https://www.igniel.com/2018/11/related-post-thumbnail-grid.html

Liat daftar proyek > EastManga - sedang dikerjakan, akhirnya :) Semangat dan Jaga kesehatan Min, aku cuma bisa bantu doa aja :3

makasih.
kunjungi lagi bulan depan, mudah2 selesai, sesuai jadwal

Min ada tutor nampilin label sesuai abjad ga ?
Jadi dibikin kaya anime list gitu. Kalo di wordpress bisaa pake a-z listinh

A-Z list kakaynya memudahkan pencarian anime.
Saya coba pikirkan dulu bagaimana cara membuatnya.