Cara desain template blogger dengan Tailwind CSS - Anix Clone New
Ini adalah tutorial membuat template blogger dengan Tailwind CSS. Tutorial bukan untuk pemula, tapi untuk developer tingkat menengah atau atas. Tutori…
- Threads
- 1
- Words
- 612
Ini adalah tutorial membuat template blogger dengan Tailwind CSS. Tutorial bukan untuk pemula, tapi untuk developer tingkat menengah atau atas. Tutori…
Sekarang Pelacak Rilisan bisa digunakan untuk fansub. Penambahan download box dan kotak komentar Disqus
https://namafansub.com/feeds/posts/default/-/label
https://namafansub.com/feeds/posts/default/-/label%20label
http://www.example.com/?cat=42&feed=rss2
http://www.example.com/?tag=tagname&feed=rss2
http://example.com/category/categoryname/feed
https://www.huntersekai.website/feeds/posts/default/-/Arte
https://cijanepoi.blogspot.com/feeds/posts/default/-/Asatir%3A%20Mirai%20No%20Mukashibanashi
Previw
untuk melihat hasilnya. Klik Generate JavaScript
untuk mengambil scriptnya. Hasilnya seperti berikut.HTML
> Paste script dibawah postingan kemudian Simpan/PublikasikanRating bisa di tampilkan dengan memasang label berikut.
Rating 5: Untuk menampilkan bintang 5
Rating 4: Untuk menampilkan bintang 4
Rating 3: Untuk menampilkan bintang 3
Rating 2: Untuk menampilkan bintang 2
Rating 1: Untuk menampilkan bintang 1
Tampilan respnsive diubah menjadi horizontal
Terima kasih
Iya, mudah2an lancar. 1 bulan baru jadi.
Itu gampang kalau fansub memakai blogger, hanya perlu mencair label postingan saja
https://namafansub.com/feeds/posts/default/-/label
dari link diatas yang perlu di ganti hanya 'namafansub.com' dan 'label', hasil akhirnya berikut:
https://www.huntersekai.website/feeds/posts/default/-/Arte
setelah itu klik situs berikut untuk generate javascript auto trackingnya
https://www.vanderbilt.edu/asset/feed/build.php
alamat blognya apa?
siap gan di tunggu... semoga aja free...hahha masih blm pnya modal buat up ke WP
Gratis
Betul, label genre tidak bisa namun bisa diakali dengan memakai RSS mode pencarian seperti link berikut:
https://www.huntersekai.website/feeds/posts/default/-/search?q=shironeko
Tentu saja boleh. Semuanya dikerjakan manual dengan software:
- Firefox
Pengeditan template banyak dilakukan di firefox Web Developer tool atau disebut juga Inspect Element.
Adapun langkah-langkahnya sebagai berikut.
- Tentukan jenis template (manga, fansub, blog, fanshare, dll)
- Tentukan design (lebih gampang lihat desain blog orang)
- Download tema dasar https://app.box.com/s/5mvrd5iz1tkrjwg9rflqh8me7gvjjttr
- Dari tema dasar tersebut bisa layout apa saja. Saya sarankan memakai grid dan flex. Float sudah kuno.
Ayo sama-sama membuat template, kebetulan saya sedang membuat template manga, kalau minat belajar hubungi saya di facebook. Privasi terjamin. http://m.me/emissionsubs
pengen belajar coding secara otodidak sih :)
sangkyu min saran nya membantu sekali :)
iya, saya juga belajar otodidak.
download script xml berikut, siapa tau berguna buat km.
https://app.box.com/s/p1cqdpgbptntomqel1svb5lj6e0y2mpy
Setahuku Prev-Next per Label masih belum ada untuk blogger.
Tapi bisa diakali dengan page split.
https://www.gianmr.com/2017/10/split-atau-membagi-post-jadi-beberapa-halaman-di-blogger.html
makasih infonya min
https://novel.nurhidayat.web.id/
https://www.bacanovelonline.my.id/2020/04/touche-alchemist-bab-06.html
tapi kedua blog itu bisa ya? apa di split juga?
Menarik dan keren, tertnyata begitu template novel.
Kok bisa dibikin begitu ya, hmm... saya selidiki dulu.
Besok malam saya komen lagi, dah~.
Wah ternyata admin Nurhidayat sharing scriptnya buat kita.
Script ini sangat saya cari2 untuk template manga.
Berikut petunjuk instalasinya.
https://www.nurhidayat.web.id/2019/11/tombol-nextprev-otomatis-blogger.html
Ditunggu Template Novel Original buatan Mimin Wernayasa, itu juga kalo bikin hehe..
Makasih min atas respon cepatnya.
Sudah ada rencana, setelah antrian selesai, akan saya buat satu template novel.
Makasih atas dukungannya.
min ada ebook belajar edit/bikin theme blogger gk? w udah mulai edit theme tapi pass mau edit bagian post body nya agak bingung, efek belum pernah belajar bahasa program :)
siap. ane selalu stay di blog nye pak. nunggu karya karya selanjutye. semoga di balas tuhan pak atas kebaikanya.
next template rilis tanggal 24. target 1 bulan 1 template
yokai siap. sekali lagi thanks pak atas kebaikan share nya.
anggap saja kita mau cloning re:kanna. cari <article di bagian post body, mulai edit dari situ.
editan pertama, yaitu meampilkan gambar dan judul saja di halaman depan.
kedua, kecilkan ukuran gambar dgn css berikut:
width: 175px; height: 225px;object-fit: cover;
ketiga, susun gambar jadi sejajar, gunakan css berikut:
display: grid
grid-template-columns: repeat(auto-fit, minmax(225px, 1fr))
itu dasar layoutnya, kalau bingung lihat code nya tersedia di template berikut
https://app.box.com/s/fv9shabmny1apcf53cocar4m6jmepmc2
Ini saya buatkan tutorialnya
https://youtu.be/i-PObPzCf6s
udah min, tapi tampilan/lebar post dalam nya ikut menyusut, tutor min setting post dalamnya :)
Ini tutorialnya agak flexbox tidak menyusut sesuai kontent.
https://youtu.be/Qhgdf_9xzGQ
Gk punya HP mu tesnya. Seharusnya tampilan bagus kalau memakai firefox atau chrome.
thank you, sekarang tinggal dibikin fast load supaya ringan :)
Rencana mau buat tutorial cloning template sampai jadi.
Mungkin besok saya post linknya.
Stay tune.
min request remake template fansub fietnam ini mim https://anonfile.com/9bS4E1xaob/ biar format post nya seperti pada fansub umumnya.
bagus bgt soalnya dan sangat responsif mau ane pake cuma format post nya masih ala kadarnya. kalo udah di remake gormat postnya seperti fansub pada umumnya kan bagus min.
ane ngarep bgt ini di remake min.
sukses selalu min.
Ini sudah pake Chrome, coba dicek di responsinator.com min
oh iya.
btw, nunggu template baruku saja, fiturnya lebih komplit dari pelacak. ada fitur dark dan light mode serta fitur lain2. pokokya bakal seru deh.
Perbaikan ditunda dulu ya. Makasih laporannya.
keren, bakal saya buatkan. inspirasi bagus kek gitu jarang sekali ada.
pertanyaan, siapa yang buat template blogger itu?
saya coba bagus kok, gk ada yang salah. apa kekurangannya?
jelaskan format post fansub seperti apa, supaya saya gk salah tanggap.
Ini tutorialnya.
https://youtu.be/iqDZosjLBE4
tampilan lembar postnya kya gini aja min https://www.nanimeku.xyz/2020/04/trolls-world-tour-2020-bluray-subtitle.html# kayanya bagus tinggal rubah ke dark mode
ini template situs di atas min https://www.mediafire.com/file/5hhi1df23vni0f9/
thanks btw udah jawab min.
Mantep nch templet buat komik juga... redesign min... Masih belum mampu buat sewa hosting sama theme wp...haha
terimakasih min
oo iyaa min maaf nanya lagi. saat edit post blogger agar posisinya paling atas (saat sudah diedit) di homepage bagaimana caranya min?
kurang mengerti dg pertanyaanmu, hehe... maaf kalo salah
kalau mau gambarnya di atas postingan cari code ini lalu paste kan dibawahnya code ini
Iya, untuk manga keliatan bagus.
aneh, belum pernah nemu permasalah search box.
kasih contohnya kalo ada
udah bisa min :v
btw contohnya ini https://infinitemacinasai.blogspot.com/
template dasar pake yg admin bagi dulu
ok
eh codenya gk muncul.
besok saja buat tutorialnya
Tp syng tmpilan post sama laman masih harus di rombak total... Nunggu agan wernayasa rilis versi manga dch..
o iya min, ini ada satu trouble lagi timestamp gk mau muncul, contoh nya kyk blog diatas, mohon tutornya
saya pakai ini untuk timestame
<data:post.date/>
<data:post.lastUpdated.jsonEscaped/>
req tutor min cara mengganti komentar disqus jadi komentar bawaan blogger,
script disqus nya udah menyatu dengan template
Cari script disqus lalu ganti dengan <data:post.commentHtml/>
Sama saja. Mungkin yg km liat itu template hasil modifikasi.
Dari segi fitur dan desain tidak ada perbedaan 1.4 dan 1.5.
Silahkan.
Wah km bisa buat template juga.
Mungkin kedepannya kita bisa kolaborasi.
Kelemahan saya masih di responsive design.
Tidak perlu, desainya mirip template yang saya kerjakan sekarang. :D
Mau nanya kak, untuk hapus tanggal dan emot smile di homepage gimana ya?? Saya takut salah kalo hapus sendiri, makasih 🙏
cari dan hapus code ini <b:include name='DateUpdated'/>
minta tutor min, tadi saya edit widget featured post(bagian widget content) tapi setelah itu widget nya gk mau munculin postingannya, demo https://kumastream.blogspot.com/
widget nya yang disebelah kanan slideshow
iya aneh, kok bisa hilang featured postnya.
Coba masuk ke Tata Letak > Edit widget Featured post > Lalu centang judul, entry, gambar
udah di centang semua
template bagus gan... gak di share?
masih buat dokumentasi nya, kalau udah w share gartis kok :D
BTW bantuin share template nya ya :)
share dong gan kang nolep...
oh ya lupa, untuk yg problem widget featured tadi udah bisa min, kendalanya gk tau juga sih, cuma w ubah widget nya ke versi 1 tiba2 work :)
BTW thank ya untuk semua saran yg sudah diberikan :)
siap... di tunggu gan... kaya nya cocok buat blog komik saya gan,..heheh
hehe...
bikin dua template bulan ini.
satu untk blog ini, templatenya simple, besok malam jadi.
kedua, untuk manga yg rumit bgt.
yokay min,
kami setia menunggu mu
hehehe
Makasih :)
Cara buat label yang ada di bawah setiap post homepage menjadi genre doang itu gimana suhu? Contohnya kayak web hunter no sekai.
nah itu dia gan, masih belum ketemu caranya. mau nanya si kimimaru, cuman segan XD
Kok segan sih min wkwwk? Kan lu yang buat temanya
kalo malam ini belum ketemu solusinya, besok saya tanyakan
Oke min, ditunggu..
cari code ini <b:loop index='i' values='data:post.labels' var='label'> lalu ganti semuanya sampai closing tag dengan:
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:label.name in ["Action", "Adventure", "Comedy", "Drama", "Ecchi", "Fantasy", "Harem", "Historical", "Horror", "Isekai", "Magic", "Martial Arts", "Mecha", "Mystery", "Psychological", "Reincarnation", "Romance", "Samurai", "School Life", "Sci-Fi", "Seinen", "Shounen", "Shojo Ai", "Slice of Life", "Sport", "Supernatural", "Thriller", "Time Travel", "Music"]'>
<a expr:data='data:label.name' expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</b:if>
</b:loop>
Oke, tq min.. tambahkan untuk kotaknya.
Tambahkan ini buat kotaknya
... class="p012 mr5 bc-label cff br3" ...
min... gimana cara supaya snippetnya tidak memunculkan downloadnya alias hanya memunculkan sinopsisnya saja seperti webnya huntersekai
pls tutornya min..
lengthnya udah tak bikin 1000, tapi jadi muncul tulisan zippyshare, mega, google drive, dll.. maksudku cuma sinopsisnya saja yang muncul di snippet homepage.
ada dua cara mengatasinya. pertama perpanjang sinopsis
kedua perpendek shippet post cari code berikut ganti angka 250 menjadi 150 atau kira2 yang pas.
<b:eval expr='data:post.body snippet {length: 250,links: false,linebreaks: false }'/>
hmm, punya huntersekai memakai post break jadi code dibawah tidak tampil. coba saja trik ini.
iya, post break itu gimana caranya min? karena aku udah edit overflownya pake overlay bukan hidden lagi. kalo pake hidden sinopsisnya malah kepotong jadinya.
tambahkan ini dibawah synopsis
<span><!--more--></span>
dari yang aku liat, si kimimaru pake tag ..a name='more'.. ../a.. di html postingannya. itu yang bikin aku bingung min... apa yang harus ditambahkan ke html templatenya??
oke min, arigato. akhirnya gw ketahuan sama lu. selama ini saya pake anonim disini wkwk.
code itu ditambahkan di postingan biasa. itu namanya jumpbreak fiturnya sudah ada di blogger
https://1.bp.blogspot.com/-AqU1H2scYB4/XtULsr4aNTI/AAAAAAAACps/fb8wZJMEpEQQWzwDUYJpVBg7pm49PKAUACK4BGAsYHg/jumpbreak.jpg
wkwkw, gpp.
Tutorialnya ditunda dulu. OBS masih error.
Ok min
Min tau gak cara bikin website pelacak seperti Kurohanan.blogspot.com atau novelupdatesid.wordpress.com
sudah jadi, dibuat ala kadarnya
hanya untuk Template Anilist Pro saja.
cari file pekerja.xml di zip
masuk ke postingan, buka pekerja.xml > copy semua code > HTML View > paste
jangan lupa templatenya di upate juga. download disini
https://app.box.com/s/sah00ecjqtmb3gmh3jkrq94xwe5p4z4y
ga bisa di terapkan ke pelacak-rilisan min?
sekarang sudah bisa, download berkas zip v3
ok. tq min
aku tunggu tombol sharenya ya min
mungkin besok malam br jadi, masih bingung mo taro dimana
siap min, kalo bisa dibuat sticky aja
tombol share sudah ada
sudah gan, update ke 1.8
Halo sobat, bagaimana cara menempatkan 3 gambar pratinjau anime? di setiap entri untuk membuatnya lebih menonjol, dapatkah Anda membantu saya?
Go to post > Edit HTML and modified class="separator" into class="preview"
I hope this is wha you mean.
Demo: https://pelacak-rilisan-bt.blogspot.com/2020/06/enen-no-shouboutai-ni-no-shou.html
I already update the theme, so get the fansub version here.
https://app.box.com/s/i3h1kzowflh6ueyckfk0jccsuci3ncvb
Maaf, tapi Anda bisa mengirimkan saya input html dengan gambarnya. Saya tidak mengerti bahasa Anda, saya dari Amerika Selatan
https://1.bp.blogspot.com/-XS7mtj-ydCU/X0RWEtdZT_I/AAAAAAAAGKY/CDoTsLtoeVMxZUIkSyBsuIYy0th3Ux95QCLcBGAsYHQ/s1100/Screenshot_2020-08-25%2BPost%2BEdit%25281%2529.png
Terima kasih teman
Semua entri di bawah memungkinkan untuk menempatkan 123 berikut
Contoh
https://1.bp.blogspot.com/-67QZZX4aIx0/X0577APEnhI/AAAAAAAAIsw/zj_lXdimv9k0MLl3oyPne8Pfc2dJ-rcrgCLcBGAsYHQ/s1600/Sin%2Bt%25C3%25ADtulo.png
Bisa tapi saya tidak punya waktu untuk mengerjakannya.
ini template lama saya gan, ada coding jelek yg bikin error.
coba beri satu label seperti Light Novel kalau belum bisa lupain aj tema ini
haha lupain aj mantap
soalnya sudah ada rencana mw buat versi bagusnya, AniChart Pro.
ya maklumlah dulu, skill masih pas pasan dan banyak salahnya. tapi bukan berarti jelek, hanya saja mudah error.
Saya harap Anda membantu saya dalam hal ini teman-teman, saya akan menunggu Anda ketika Anda punya waktu
https://1.bp.blogspot.com/-67QZZX4aIx0/X0577APEnhI/AAAAAAAAIsw/zj_lXdimv9k0MLl3oyPne8Pfc2dJ-rcrgCLcBGAsYHQ/s1600/Sin%2Bt%25C3%25ADtulo.png
Thank you for your patience. Get this version:
Pelacak Rilisan v1.8_Numeric Post Navigation.xml
Here is the screenshot:
https://1.bp.blogspot.com/-s0Q6Glzh0TQ/X1rL4G0_SRI/AAAAAAAAGWQ/hfcRofYqMQIaqR5qC1PtWbgLzoJQ7xy_wCLcBGAsYHQ/s1322/Screenshot_2020-09-11%2BPelacak%2BRilisan.png
min tau nggak ya cara buat tombol next previous di musim, jadi bisa ganti musim tanpa harus ke search kaya' di web livechart
masih belum tau gan, kayaknya rumit.
navigasinya sih lebih nyaman dari anilis.co
Min ada scriptnya gk untuk dropdown seperti " > ++ update v1.4: penambahan rating". Kepingin pasang juga gw. Makasih.
@WatashiHentai
Postingnya seperti biasa:
1. Upoad gambar
2. Paste Deskripsi
3. Berikan label (wajib! kalau tidak diberi label bakal blank)
contoh label misalnya:
Video Game
4. Berikan label genre misalnya Action, Adventure, dst...
@ALMOS
this theme development is already completed,
i wont add fiture or modification any further
@Neko - Selamat datang
itu kesalahan gw menulis code css, gambarnya jadi tertekan oleh lebar layar.
pengen di perbaki sih, tapi admin sibuk ngurus tema lain. jadi biarin aja.
Ok deh min @Wernayasa btw klo boleh tau project theme nya ada yang buat blog Streaming gak min? selain tema anime, nyari2 tema di gugel buat Streaming lom ada yg cocok 😅
Mksd ane project yg dah hampir selesai apakah ada utk Streaming blog min, lupa gk liat List project nya yg animeLA bagus itu min ane nggu yg itu aja 👍
@Neko
Belum ada tema streaming atau lebih tepatnya belum jadi.
Karna AnimeLA proyek besar tahun ini, jadi gw harus hati2 bikinnya.
Gw semangat sekali ngerjakan tema ini. Jadi tunggu aja hasilnya.
Really appreciate this wonderful post that you have provided for us.Great site and a great topic as well i really get amazed to read this. Its really good. My website Bloggertemplate.club is free Premium Blogger Template Downloading Site.
@blogger template BLAH BLAH BLAH
If you appreciate it, you won't remove the "emisionhex" credit in your demo blog LOL
Ini score sistem model lama. Masukkan label di postingan:Rating 1
Rating 2
Rating 3
Rating 4
Rating 5Gunakan salah satu label di atas.
My brother, I need a template to publish anime series and movies. I searched your site, but I found a template for downloading episodes, not for direct watching. Please let me know when you have one
Terima kasih banyak, Anda memberikan karya kelas atas secara gratis, kami mungkin membayar lebih dari 20 dolar untuk itu
I do have steaming template, but not finish yet. See demo here.
I really appreciate it if you funded my project.
If you help me funded my project, i will give you my Forum Theme.
How to fix this size error
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif6wCYhS8WXLg3qUuHbjRzXvaa-BC-Ydw7sELDsJgPsTtrniXsiTKrs0hiihl8bWh4LnT76Rde14SuBE7nlFSPdGlG2HOPz7J9qG17PCLbO-3VX3Blki5nEHWDqvA8fddVpCGBcdkibAEG33P5xu86X5g8KoluiWwGLp5eRIqy7OJg-HoT-hBHc746/s1600/Screenshot_2022-04-05-13-48-45-857_com.android.chrome.jpg
Strange.
I can't find cause of the problem.
I tried inspect the element, didn't find anything.
Bang animeLA nya donk . Share sinii 🤣
Belum jadi. Terutama bagian widget dan responsive view.
Itu doang.
why is it not showing on the main page when i add a post... i tried a lot but it just doesn't show up
Markup error,
give post at least 1 label,
either it's label Movie or TV
Boleh, tergantung kreatifitas masing2.
Tapi dev, fitur infinity scroll nggak berfungsi kira² masalahnya di mana ya?
Owalah masalahnya di sini, cukup tambahkan 'post' di sini
[Screenshot]
Nice.
Wah, dapat dari mana triknya?
Di tata letak, cari widget Pengumuman
This theme don't have that function.