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…
NineStreame - Template blogger streaming. Tema ini apik dan bersih, serta UX/UI yang memukau membuat pengunjung semakin betah dan lama menonton.
Dikemas dengan fitur standar untuk membuat situs anime streaming idamanmu.
Tema ini menggunakan system unipost yang artinya semua episode tercantum dalam satu post. Ini tentunya berbeda dari system multi post, yang memisahkan post series dan episode.
Membuat template streaming tidaklah mudah, prosesnya rumit, perlu dana, tenaga, dan pikiran.
Jika kalian merasa tema ini layak dapat dukungan, kirim bantuan kalian dengan membeli lisensi tema ini.
Fungsi utama template ini adalah untuk streaming hasil terjemahan sendiri atau orang lain. Apabila sumber videonya dari fansub maka wajib mencantumkan credit.
Simak baik baik bagian ini, karena bagian ini merupakan kunci untuk mencapai ranking SEO tinggi. Terutama bagian Pemalink, Judul, Deskripsi
Seluruh proses penyuntingan post wajib memakai HTML View.
Pengaturan permalink ada di Post > Setelan entry > Link > Permalink Khusus
Permalink adalah permanent link, contoh:
https://anime-la-bt.blogspot.com/2022/03/demon-slayer-kimetsu-no-yaiba.htmlYang ingin aku fokuskan adalah url setelah tanggal, bagian ini:
demon-slayer-kimetsu-no-yaiba.html
. Tipsnya adalah semakin pendek permalink semakin bagus tetapi tetap tidak menghilangkan makna linknya. Permalink blogger dibuat dengan memasukkan singkatan judul di Permalink Khusus letaknya di sidebar kanan pengaturan post.
Cara membuat permalink adalah dengan membuat singkatan dari judul yang panjang seperti: Demon Slayer: Kimetsu no Yaiba Entertainment District Arc
Karena judulnya terlalu panjang kita ambil bagian yang penting saja: Kimetsu Yaiba Entertainment Arc
.
Perhatikan kalimat no dan District tidak dimasukkan untuk mempersingkat judul.
Permalink yang bagus:
https://anime-la-bt.blogspot.com/2022/03/kimetsu-yaiba-entertainment-arc.htmlContoh permalink yang jelek:
https://anime-la-bt.blogspot.com/2022/03/demon-slayer-kimetsu-no-yaiba.html
Buatlah permalink yang tidak membingungkan search engine dan user, mudah dibaca dan dipahama. Copy singkatan judul lalu paste dan publish
Hampir semua support label genre, kalau masih kurang silahkan input manual dalam <b:includable id='genrePost'>
Penulisan label selalu diawali huruf kapital. Adapun untuk label khusus, gunakan panduan label di bawah ini:
tidak boleh di jual uang
Requst dari komentar berupa konstumisasi khusus atau yang tutorial lainnya.
Version | Release date | Downloads | Perubahan |
---|---|---|---|
v1.0 | Box | 0 Changes |
juga bantu modif biar bisa play video dan tambahkan tombol episode di bawah video. Aku byr tp jgn mahal2 ya :)
Aku gk bisa bikin tema itu.
Coba tanyakan ke dayat, dulu dia ada jual template player blogger.
[Link]
Bikin komentar tab di community.
min cara menambahkan button more di widget completed seperti pada gambar ini [Screenshot] link web nya [Link]
Cari lokasi widget tersebut, ganti: <b:include name='widget-title'/> Dengan: <div class="mb-10 flex jcsb">
<h2 class="lh-2 c-fff fw-500">Completed</h2>
<div class="flex aic">
<a class="more" href="/search/label/Completed">more</a>
</div>
</div>
terimakasih min tutornya sangat membantu
www.ryujisai.blue
Final Fix Bang
Perbaikan :
#Kode Header error saat save Fixed
#Rating Value Error Google Console Fixed
#Search Fixed
#ReleatedPost Fixed
#RatingProgress Fixed
#Header & menu Fixed
2 Hari 2 Malam Cuman Oplos Sana Sini Kode HTML nya bisa yang mau file Fixed bales aja
Iya tema ini banyak errornya, maklum buatan pertama.
Min, gimana cara pasang widget Html/Javascript di tengah-tengah antara List Episode & Gambar di Postingan?
apanya yg di fixed om? modif aja sesuaikan dengan keinginan seperti ini [Link]
Apa ada screenshot loksi penempatan html-nya?
Html apa yang mau ditambahkan?
Kalau gampang aku buatkan tutorialnya.
Malam bang admin, saya mau tanya gimana merubah tampilan Server Video(VideoVard, Streamtape,mp4upload) menjadi tombol? Bukan teks gitu. Byk yg ngk lihat karena di kira cuma tulisan
Tambahkan CSS ini: .servers .tablinks {
background-color: var(--body);
}
Makasih min, dan gimana cara buat notifikasi yang bisa di close seperti di blog ini min? [Link] di letakkan di atas video
Min, bisa nggak di tombol episode tambahkan kata New/Baru kyk gini [Link]
Paste ini di atas /body: <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.0/flowbite.min.js"></script> Terus pastekan ini: <span id="badge-dismiss-default" class="alert warning">
Default
<button type="button" class="inline-flex items-center p-1 ms-2 text-sm text-blue-400 bg-transparent rounded-sm hover:bg-blue-200 hover:text-blue-900 dark:hover:bg-blue-800 dark:hover:text-blue-300" data-dismiss-target="#badge-dismiss-default" aria-label="Remove">
<svg class="w-2 h-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
</svg>
<span class="sr-only">Remove badge</span>
</button>
</span> Lokasinya terserah km, aku gk tau dimana.
Ini CSS-nya: .alert.warning {
background-color: #ff9800;
}
.alert {
padding: 20px;
background-color: #f44336;
color: white;
opacity: 15;
transition: opacity 0.6s;
margin-bottom: 15px;
}
Ini cara paling simple, tambahkan CSS berikut:
#server li:last-child > div {
position: relative;
}
#server li:last-child > div:after {
content: 'New';
position: absolute;
font-size: 60%;
background-color: #ef5b35;
top: 0;
right: 0;
border-bottom-left-radius: 10px;
color: white;
padding: 0 3px;
}
Gan, bagi cara nya bikin navbar bawah nya dong
silahkan saya kirim lewat paste link soalnya gak bisa di share di komen ini aku gak paham caranya. kalau mau ini linknya [Link]
Bro,gimana caranya fix bug klw geser ke kanan ada ruang kosong ny gitu di page 2 dan selanjutnya kyk di tema km [Link]
Gimana cara buat history?
harus liat blog mu dulu lupa lagi apa yg saya rubah di bagian itu
saya pake history nya punya Vũ Trần (Youtube). mau coba saya buat menjadi pop up dan tampilin img nya juga tapi susah belum nemu caranya hahahaa
cari ini
#main .filters .dropdown-menu.lg
width:500px;
ganti besaran width nya jadi 325px
Thanks bro! Lalu gimn pasang navbar bawah tuh? aku pasang kok navbar atas nya masih ada ya?
coba pasang css ini
@media screen and (max-width: 576px) {
#header :is(#menu,#logo,#HTML2,#user) {
display: none !important;
}
}
untuk cara pasang nava bar versi mobile apk di pastelink ya soalnya erorr mulu kalau di share di komen ini [Link]
Bro history vu tian di letakkan dimana aja ya? Aku ngk ngk ngerti karena beda tema
Report button is just decoration, it has no function.
Min, gimana cara nambahin pesan klw orang cari anime / film di pencarian tapi ngk ada. Contoh pesan nya: Anime Dengan Judul "Blanlabla" Yang Kamu cari tidak ada, silahkan request disini [link]
Copy: <b:if cond='data:view.search.query'>
<b:if cond='data:this.messages.blogComment != ""'>
Anime Dengan Judul <b><data:view.search.query/></b> Yang Kamu cari tidak ada, silahkan request disini <a href="#">[Link]</a>
</b:if>
</b:if> Paste di bawah: <b:class cond='data:view.isMultipleItems' name='blog-posts'/>
Min dah ketemu cara buat video berquality [Link], tinggal buat kaya gini [Screenshot 1] [Screenshot2]
Tinggal buat Server video seperti secrenshoot itu
Saya gk bisa bikin select server.
Coba skrip dayat yg sudah pernah dibagikan.
[Link]
Ok terimakasih min
bang tag ane siapa tau pengikut ente ada yang mau liat template ente yang udah jadi full nya gima www.ryujisai.blue
maaf aga redesign dikit juga belum 100% jadi
Silahkan.
Nice, tampilan websitemu lebih rapi.
Min ini ko ga nambah svg comentnya di trendingnya itu [Link]? Kan kalo di anime la la bertambah svg comentnya yg rekomendasi [Screenshot] ,padahal saya sudah coment di semua trendingnya tapi tetap ga ada yg bertambah di svg hatinya
Sama rubah bagian warna font teks minggu/bulan/tahun jadi warna putih,maksudnya yg hover warnanya jadi putih kaya rekomendasi,soalnya kalo hitam ga keliatan tulisanya [Screenshot]
Terus sama ini juga min bisa ga replace Episode 12 jadi Eps. 12 Disitu saya menggunakan class not[Ep],dan itu menggunakan label episode min
Komentar svg hanya untuk komentar blogger.
Disqus tidak bisa.
Cari dan hapus CSS berikut: #sidebar a {
color: #222;
}
.tabbed-widget li a {
color: white;
} Cari satu per satu.
Pakai code xml rasgane: <b:with value='["Episode", "Eps", "Ep"]' var='checkEpisode'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='item'>
<b:with value='"String: " + data:item.name' var='string'>
<b:loop values='data:checkEpisode' var='first'>
<b:if cond='data:string contains data:first + " "'>
<span class="eps">data:item.name/></span>
</b:if>
</b:loop>
</b:with>
</b:loop>
</b:if>
</b:with>
Masih tetap ga ke replace min Episodenya, tapi yg di anime ninestream pake discus bisa min? Saya sudah coba coment berapa kali nambah di svg rekomendasi ninestream
Maksudnya di label pake Episode nanti di rekomendasinya jadiin Eps.
Oh iya, gk bisa.
Setahuku belum ada yg bisa mengubah Chapter menjadi Ch.
Ya min itu hanya bisa pake script dirubahnya, terus kalo yg svg coment gimana min? Di anime la la/ninestream itu pake discus bisa nambah di svg rekomendasinya
Di template ZMv6 ada yg bisa konvert judul Chapter menjadi Ch.
Tanpa pakai label lagi, tapi agak rumit di pasang.
Mau min, soalnya saya juga harus di rubah lagi semua scirptnya kalo mau pake label Eps. Jadi saya lagi nyari yg labelnya bisa ke raplace jadi Eps
Ga nambah deh svg rekomendasinya, ternyata salah liat saya tadi min
Bang, cara membuat Recently updated tapi isinya sesuai label itu gimana yak? jadi dibawah Post utama ada post lagi sesuai label gitu.
Tidak bisa ya, tidak ada update fitur untuk tema ini.
Tapi kalau untuk perbaikan masih saya update.
Keyword yg mana ya?
kasih screenshot dan dipasang di atas mana.
Teks di atas postingan seperti di tema zeistmanga v1-4 dulu. Baca Manga Bahasa Indonesia di bla bla gitu.
Yang di homepage kan?
Notifikasi juga bisa dijadikan keyword.
[Screenshot]
Below the "reviewCount": "<data:post.body.size/>", Add this "itemReviewed": {
"@type": "ComicSeries",
"name": "<data:post.title/>"
}
},
Kamu test di mana ya?
Aku test di [Link], ada beberapa yg kuning tapi tidak begitu serius.
Thanks, I will try it
yang mau nonton anime tanpa iklan ada solo leveling https://vivonime.blogspot.com/2024/01/solo-leveling.html hahaha [Link]
Please Bro ai need help from you please ! I doenloaded ninestream template and when I go to blogger and click restore template and upload the xml file for nine stream it says it can not restore theme .Please help me I dont know what to do I really need that theme please bro help
Install this theme first to clear any residual cache: [Clearing Cache]
Get NineStream theme on [GitHub]
- Open the theme with notepad or view it online
- Copy the code
- Paste
Hi teler,
Can I Get This Script plz
[Screenshot]
Min gimana cara mengganti judul blog menjadi tag h2 bukan h1 di single post (artikel)? Aku cek di seo h1 di single post ada 3
Cari: id='Header2'
Scroll ke bawah.
Ganti: <h1>
<b:tag expr:href='data:blog.homepageUrl' name='a'>
<data:title/>
</b:tag>
</h1> Dengan: <b:tag cond='data:view.isMultipleItems' name='h1'>
<b:tag cond='data:view.isSingleItem' name='h2'>
<b:tag expr:href='data:blog.homepageUrl' name='a'>
<data:title/>
</b:tag>
</b:tag>
</b:tag>
Add label Monday, Tuesday, and so on.
Change this labels to english : days: ["Senin","Selasa","Rabu","Kamis","Jumat","Sabtu","Minggu"] Then you can put label Monday, Tuesday, and so on.
Please Share Your Slider Code
I HAVE THESE PROBLEM IF ANYONE CAN SOLVE ? PLEASE
1. Schedule Page Html
2. Show Page Html
3. Bookmark was Hide
4. Sub, Ongoing etc Some Lable Not Show On Post Thumbnail
5. i Want To Add Subscription Method
Label: Sub
Ada yang punya script popunder yang work untuk tema ini? saat klik thumbnail atau judul buka link di tab baru gitu. Mau aku pasang link shopee affiliate
I HAVE THESE PROBLEM IF ANYONE CAN SOLVE ? PLEASE
1. Show Page Html
2. Bookmark was Hide
3. Sub, Ongoing etc Some Lable Not Show On Post Thumbnail
4. i Want To Add Subscription Method
Setting your profile to public view.
[Link]
[Screenshot]
You can also hide your site, there are many good settings right there.
Inside theme find: footer .mascot
ok done now
I HAVE THESE PROBLEM IF ANYONE CAN SOLVE ? PLEASE
1. Show Page Html
2. Sub, Ongoing etc Some Lable Not Show On Post Thumbnail
3. i Want To Add Subscription Method
4. How To on sfw/nsfw mode. [Screenshot]
5. Add " SEARCH ANIME" IN Search Box [Screenshot]
[Screenshot]
How to add this in post
1. What is that, show me a screenshot.
2. Put label: Sub
Find: <b:if cond='data:post.labels any (l => l.name == "TV")'> Add this code above it: <b:if cond='data:post.labels any (l => l.name == "Sub")'>
<span class='sub'>Sub</span>
</b:if> You can add more if you want.
3. I don't have subcription script.
4. Download latest version v1.2.1 here: [GitHub]
5. What do you mean? Do you want to change the text?
Find this: placeholder='Search Anime'
I don't have script for countdown episode.
Blogger has limitations and is not like a WordPress.
3. Subscription Method. You can buy the script at wendycode
Can You Give Me Slider Code Like [This]
Sebenarnya itu hanya hiasan aja, skripnya tidak ada.
Coba ubah ke link telegram aja, kayak situs ini. [AniTOKU.net]
Report form set-up.
https://www.deptorium.com/2023/06/Fix-the-Report-widget-of-NineStream-Blogger-Template.html
Bro I learned HTML and JavaScript very well, Alhamdulillah.
But still I don't know CSS well.
You must love CSS if you want to good at it.
This is the hardest part of front tend dev.
Keep practicing, learn fundamental CSS, build simple element.
Thank you.
Cari: preserveAspectRatio='xMidYMid meet'
Hapus icon SVG: <svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg'><g fill='none'><path d='M2 8.4A5.4 5.4 0 0 1 7.5 3A5.991 5.991 0 0 1 12 5a5.991 5.991 0 0 1 4.5-2A5.4 5.4 0 0 1 22 8.4c0 5.356-6.379 9.4-10 12.6C8.387 17.773 2 13.76 2 8.4z' fill='currentColor'/></g></svg> Ganti dengan icon [lain].
makasih bang,, trus cara ubah value awal "0" nya gimana bang,, hhee
Angka nol ini dari komentar, nilainya berubah apabila ada yg komen.
Bisa kok diganti dengan view count, tapi agak rumit caranya.
iya bang,, awal value 0 gak bisa di modif ya.. biar seolah2 banyak yang komentar/view gitu hhee
Pergi ke tempat tadi.
Ganti: <data:post.numberOfComments/> Dengan: <b:eval expr='data:post.body.size * (data:post.numberOfComments + 1)'/>
makasih bang, satu lagi bang. cara ilangin ads di coment disqus / ganti akun disqus..
Ganti dengan akun disqusmu sendiri.
Cari: scanslation.disqus.com/embed.js Ganti tulisan scanslation dengan shortname disqusmu.
makasih banyak min... tema nya keren.. sukses terus bang..
boleh minta tutor/scrip slider buat ninestream bang..
Yang otomatis kaya di blog vivonime
min, saya coba terapin slider hexanime ke ninstream begini bener gak min? cara manggil label seriesnya gimana ya?
Impor slider ke tema lain perlu banyak perbaikan.
Saya yg sudah perpengalaman aja kadang kesulitan.
Skripnya tidak saya bagikan, karena khusus untuk tema premium.
slidernya keren,, jadi kepengen belajar oprek min. hexanime v2 kapan rilisnya min..
Mungkin 1 atau 2 minggu, itupun kayaknya belum cukup.
Soalnya ada tambahan fitur baru, streaming per episode, dan post Series Info.
Km pakai PC atau HP?
Selidernya bagus pakai swiper js, cuman aku kurang paham cara pasangnya (belum baca dokumentasinya).
pake pc min, saya kan udah bisa nerapin slider otomatis dari vivonime ke blog atharunime.. cara ganti desainya gimana ya,, nerapin desain feature post ninestream ke slidernya..
Bisa sih di ubah css nya tapi hasilnya gk bakal sama.
Beda struktur HTML.
Maaf gk bisa bantu, masih sibuk update temaku.
Create a new page and then paste the bookmark code.
Remember, page not post.
How do I remove 18+ Ads?
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiO_Azz4Sqj-TPLZgkkEQNw85hRALq_nibdJtZLfW4ymx882Obv1FC1Xjah-R0eITe0NlIgA-gjvsrlwnvxsOUGQRdj-oVMGXwCQb-hFoKusO_BEYvjxKthU0P5oOg6ZF9Z0bX-5iAJEjbhZzIWCaqqARvc3ZKjLLgvQc881lBVbBylfLDe6YRxZCYMbSn/s1600/IMG_1711720580850.jpg
turn off your disqus ads
Create your own disqus.
New usually disqus don't contain ads.