Tema Kumastream V6

Kumastream Redesain V6 merupakan template Blogger khusus website streaming anime yang telah diredesain oleh Hiru404 dengan membawa sistem member, coin, pembelian konten, bookmark, profile pengguna, top up, pengaturan akses berdasarkan role, hingga sistem license domain.

Pada Kumastream Redesain V6, berbagai bagian tampilan dan sistem telah dikembangkan agar lebih modern sekaligus memberikan fitur member yang lebih lengkap untuk website anime berbasis Blogger.

Versi V6 membawa perubahan cukup besar dibandingkan versi sebelumnya karena beberapa fitur tidak lagi hanya mengandalkan tampilan Blogger, tetapi sudah terintegrasi dengan Firebase Authentication dan Cloud Firestore untuk menyimpan informasi pengguna secara realtime.

Tema ini cocok digunakan untuk website anime berbasis Blogger yang membutuhkan sistem member lebih lengkap tanpa harus memindahkan seluruh website ke platform lain.

Demo Kumastream Redesain V6

Kumastream Redesain V6 dibuat dengan konsep website streaming anime modern yang tetap mempertahankan kemudahan pengelolaan Blogger. Tampilan telah diredesain oleh Hiru404 dan dibuat responsif sehingga dapat digunakan pada smartphone, tablet, laptop maupun desktop.

Fitur Utama Kumastream Redesain V6

Kumastream Redesain V6 tidak hanya berfungsi sebagai template tampilan anime. Di dalamnya sudah terdapat berbagai sistem tambahan untuk membuat website streaming berbasis member.

1. Streaming Anime
   Area streaming dibuat khusus untuk menampilkan video, pilihan server, navigasi episode, serta berbagai informasi pendukung.
2. Locked Content
   Konten tertentu dapat dikunci dan hanya bisa dibuka oleh pengguna yang sudah membeli menggunakan coin.
3. Sistem Coin
   Setiap pengguna memiliki saldo coin yang tersimpan pada akun Firestore masing-masing.
4. Sistem Top Up
   Pengguna dapat mengirim permintaan top up melalui metode pembayaran yang tersedia.
5. Upload Bukti Pembayaran
   Bukti pembayaran dapat diupload ke ImgBB kemudian URL gambar disimpan ke Firestore.
6. Dashboard Admin Top Up
   Admin dapat melihat transaksi masuk, pending, success, total pemasukan, ACC maupun menghapus request tertentu.
7. Profile Pengguna
   Pengguna dapat mengganti nama, foto profile, dan banner.
8. Bookmark Anime
   Anime berlabel Series dapat disimpan ke halaman Bookmark.
9. Anime List A-Z
   Daftar Series otomatis diambil dari Blogger Feed dan dikelompokkan berdasarkan huruf.
10. Role System
    Mendukung role Member, VIP, Moderator dan Admin.
11. Role Based Advertisement
    Iklan dapat ditampilkan hanya untuk Guest dan Member, sedangkan VIP, Moderator dan Admin bebas iklan.
12. License Domain
    Aktivasi tema dilakukan melalui halaman Member dengan mendaftarkan domain website yang akan menggunakan Kumastream Redesain V6.
13. Responsive Design
    Layout otomatis menyesuaikan ukuran layar.
14. Dark Mode
    Tampilan gelap terintegrasi dengan desain utama theme.

Sistem Streaming Anime

Area streaming menjadi salah satu bagian utama Kumastream Redesain V6. Player dibuat agar dapat menggunakan beberapa server video melalui pilihan server yang tersedia.

Sistem streaming sudah diperbarui agar proses pemuatan player tetap berjalan setelah pengecekan akses pengguna selesai. Hal ini penting terutama untuk konten berlabel Locked karena hak akses pengguna diperiksa melalui Firebase terlebih dahulu.

• Multi server streaming.
• Select Video Server.
• Prev dan Next episode.
• Streaming player responsive.
• Turn Off Light.
• Area Share.
• Slot iklan khusus streaming.
• Dukungan konten Locked.

Locked Content dan Sistem Coin

Kumastream Redesain V6 memiliki sistem konten premium menggunakan label Locked. Konten yang dikunci tidak langsung dapat ditonton oleh semua pengguna.

Pengguna harus login dan memiliki coin yang cukup untuk melakukan pembelian. Setelah transaksi berhasil, informasi item yang sudah dimiliki akan tersimpan pada dokumen akun pengguna.

Ketika pengguna membuka kembali anime yang sudah pernah dibeli, sistem akan membaca data tersebut dan membuka player tanpa harus melakukan pembelian ulang.

Sistem Account dan Role

Kumastream Redesain V6 terintegrasi dengan Firebase Authentication. Setelah login, sistem akan membaca informasi pengguna dari koleksi Users di Cloud Firestore.

Role yang tersedia antara lain:

• member — pengguna biasa.
• vip — pengguna premium dan bebas iklan.
• moderator — role staff dengan akses tertentu.
• admin — role dengan akses administratif.

Informasi role juga digunakan untuk menentukan beberapa tampilan dan hak akses yang tersedia pada website.

Profile, Foto dan Banner

Halaman Profile pada Kumastream Redesain V6 sudah mendukung profile yang lebih lengkap. Pengguna dapat memperbarui nama, foto profile, serta banner akun.

Foto dan banner diupload ke ImgBB, kemudian URL hasil upload disimpan di Firestore. Dengan demikian foto yang sama dapat digunakan pada halaman profile, menu sidebar, halaman top up, dan komponen lain yang membaca akun pengguna.

• Update nama.
• Upload foto profile.
• Upload banner.
• Preview gambar sebelum disimpan.
• Menampilkan UID.
• Menampilkan role.
• Menampilkan jumlah coin.
• Profile realtime menggunakan Firestore listener.

Urutan sumber foto profile adalah:

1. Firestore photoUrl.
2. Firebase Authentication photoURL.
3. Avatar default apabila keduanya tidak tersedia.

Sedangkan banner dibaca dari field bannerUrl. Jika pengguna belum memiliki banner, tema menggunakan background default.

Sistem Top Up Coin

Pengguna dapat membeli coin melalui halaman Top Up. Beberapa paket coin dapat disediakan sesuai kebutuhan website.

Setelah memilih jumlah coin dan metode pembayaran, pengguna wajib mengupload bukti pembayaran. Gambar kemudian diupload ke ImgBB dan informasi transaksi masuk ke collection topup_requests.

Data request dapat berisi:

• UID pengguna.
• Nama pengguna.
• Jumlah coin.
• Metode pembayaran.
• Harga.
• Harga dalam bentuk angka.
• URL bukti pembayaran.
• Status transaksi.
• Waktu request.

Status awal transaksi menggunakan:

pending

Coin belum langsung masuk ketika pengguna mengirim request. Admin harus melakukan ACC terlebih dahulu.

Dashboard Admin Top Up

Kumastream Redesain V6 menyediakan sistem dashboard Top Up khusus Admin. Dashboard digunakan untuk memproses request pembayaran yang dikirim pengguna.

Informasi yang dapat ditampilkan antara lain:

• Total Top Up masuk.
• Total transaksi Pending.
• Total transaksi Success.
• Total pemasukan.
• Nama pengguna.
• UID pengguna.
• Jumlah coin.
• Harga pembayaran.
• Metode pembayaran.
• Bukti pembayaran.

Admin dapat melakukan:

• ACC Top Up.
• Delete request Pending.
• Melihat bukti pembayaran.
• Melihat transaksi Success.
• Menghitung total pemasukan dari transaksi yang sudah berhasil.

Bookmark Anime

Kumastream Redesain V6 memiliki fitur Bookmark untuk postingan berlabel Series. Pengguna dapat menyimpan anime favorit kemudian mengaksesnya melalui halaman Bookmark.

Bookmark menggunakan localStorage browser sehingga pengguna tidak perlu membuat database tambahan untuk sekadar menyimpan daftar anime.

• Bookmark khusus Series.
• Tambah dan hapus bookmark.
• Jumlah bookmark.
• Cover anime.
• Judul anime.
• Halaman Bookmark otomatis.

Anime List A-Z

Halaman Anime List menggunakan Blogger Feed untuk mengambil seluruh postingan berlabel Series. Data kemudian disusun berdasarkan huruf awal dari judul anime.

Anime yang diawali angka atau simbol akan dimasukkan ke dalam kategori #.

• Anime List otomatis dari Blogger Feed.
• Filter berdasarkan label Series.
• A-Z navigation.
• Kategori # untuk angka dan simbol.
• Search anime.
• Sorting judul A-Z.
• Responsive.
• Tidak memerlukan library Sitemap eksternal.

Sistem Iklan Berdasarkan Role

Kumastream Redesain V6 memiliki pengaturan iklan berdasarkan role pengguna. Sistem membaca role akun dari Firestore sebelum menentukan apakah area iklan akan ditampilkan.

Pengaturan default:

• Guest / tidak login — iklan tampil.
• Member — iklan tampil.
• VIP — iklan disembunyikan.
• Moderator — iklan disembunyikan.
• Admin — iklan disembunyikan.

Pada area streaming tersedia enam slot banner iklan yang dapat digunakan untuk banner berukuran kurang lebih 728x90.

Pada smartphone, banner ditampilkan secara vertikal. Sedangkan pada layar desktop, banner dapat berubah menjadi grid dua kolom.

• 6 slot banner.
• Tanpa frame tambahan.
• Responsive image.
• Mobile 1 kolom.
• Desktop 2 kolom.
• Role based visibility.

Keamanan Kumastream Redesain V6

Karena Kumastream Redesain V6 memiliki sistem account, coin dan transaksi, keamanan tidak hanya diletakkan pada JavaScript template. Data penting juga dibatasi melalui Firestore Security Rules.

1. User Tidak Bisa Menambah Coin Sendiri

Rule pembelian hanya memperbolehkan coin pengguna berkurang atau tetap. Pengguna biasa tidak diberikan izin untuk menaikkan coin miliknya sendiri melalui browser.

2. Role Tidak Bisa Diganti Pengguna

Pada halaman profile, field yang boleh diperbarui hanya data profile tertentu seperti:

• name
• photoUrl
• bannerUrl

Role tidak termasuk field yang dapat diubah sendiri oleh pengguna.

3. Admin Top Up Terpisah

Penambahan coin melalui Top Up hanya dapat dilakukan oleh account dengan role Admin. Firestore Rules akan membaca role Admin dari dokumen Users sebelum memberikan izin.

4. Top Up Harus Pending

Request hanya dapat diproses apabila status sebelumnya masih Pending. Setelah ACC, status berubah menjadi Success dan menyimpan informasi Admin yang memproses transaksi.

5. Transaksi Success Tidak Dihapus

Request yang sudah Success dapat dipertahankan sebagai riwayat transaksi dan sumber perhitungan pemasukan. Penghapusan melalui dashboard hanya digunakan untuk request tertentu yang masih Pending.

6. Admin dan Moderator Dipisahkan

Moderator dapat diberikan akses pengelolaan tertentu seperti Episode tanpa otomatis mendapatkan akses penuh ke sistem keuangan Top Up.

Firebase dan Firestore

Beberapa fitur Kumastream Redesain V6 membutuhkan Firebase agar dapat berfungsi. Struktur data utama dapat menggunakan collection berikut:

Users
topup_requests
Episodes
Admin

Contoh struktur akun:

Users/{UID}
├── name
├── email
├── role
├── coin
├── items
├── photoUrl
└── bannerUrl

Sedangkan request Top Up menggunakan struktur seperti:

topup_requests/{REQUEST_ID}
├── uid
├── name
├── amount
├── payment
├── price
├── priceAmount
├── bukti
├── status
├── createdAt
├── approvedAt
└── approvedBy

Penggunaan Firestore memungkinkan data Coin, Profile dan status transaksi diperbarui secara realtime tanpa harus melakukan refresh halaman secara terus menerus.

Responsive Design dan Dark Mode

Kumastream Redesain V6 dibuat untuk tetap nyaman digunakan pada perangkat mobile karena sebagian besar pengunjung website streaming biasanya mengakses melalui smartphone.

• Responsive navigation.
• Mobile bottom navigation.
• Sidebar responsive.
• Streaming player responsive.
• Profile card responsive.
• Grid anime responsive.
• Grid iklan responsive.
• Dark Mode.

Tampilan Desktop juga tetap mendapatkan layout yang lebih luas sehingga daftar konten dan berbagai komponen dapat ditampilkan secara maksimal.

Cara Pasang License Kumastream Redesain V6

Kumastream Redesain V6 menggunakan sistem License Domain. License digunakan untuk mengaktifkan tema pada domain website yang telah didaftarkan melalui halaman Member.

Proses aktivasi dibuat sederhana. Pengguna tidak perlu memasukkan kode license secara manual ke dalam XML tema. Cukup login ke halaman Member dan masukkan domain yang akan menggunakan Kumastream Redesain V6.

1. Login ke halaman Member
   Login menggunakan akun Member yang digunakan untuk mendapatkan Kumastream Redesain V6.
2. Buka menu License
   Setelah berhasil login, masuk ke bagian License pada dashboard Member.
3. Masukkan domain website
   Masukkan domain Blogger atau custom domain yang akan menggunakan tema.
4. Simpan domain
   Pastikan domain sudah benar, kemudian simpan domain tersebut pada akun Member.
5. Pasang tema di Blogger
   Upload file XML Kumastream Redesain V6 melalui Dashboard Blogger.
6. Tema otomatis aktif
   Jika domain website sesuai dengan domain yang sudah didaftarkan pada halaman Member, sistem License akan mendeteksi domain dan tema otomatis aktif.

Jika website menggunakan custom domain, daftarkan custom domain tersebut pada halaman Member. Jika masih menggunakan alamat Blogspot, masukkan domain Blogspot yang digunakan sesuai ketentuan sistem License.

Cara Install Kumastream Redesain V6

Sebelum memasang Kumastream Redesain V6, sebaiknya lakukan backup template Blogger yang sedang digunakan. Pastikan juga domain website sudah didaftarkan pada halaman Member agar License dapat aktif.

1. Download file XML Kumastream Redesain V6.
2. Login ke halaman Member.
3. Buka menu License.
4. Masukkan domain yang akan menggunakan tema.
5. Simpan domain License.
6. Buka Dashboard Blogger.
7. Pilih menu Tema.
8. Backup template lama terlebih dahulu.
9. Upload file XML Kumastream Redesain V6.
10. Pastikan License berhasil terdeteksi dan tema aktif.
11. Buat dan konfigurasi project Firebase.
12. Aktifkan Firebase Authentication.
13. Buat Cloud Firestore.
14. Pasang konfigurasi Firebase ke theme.
15. Publish Firestore Security Rules.
16. Buat halaman Login.
17. Buat halaman Profile.
18. Buat halaman Top Up.
19. Buat halaman Bookmark.
20. Buat halaman Anime List.
21. Buat halaman Admin apabila diperlukan.
22. Atur metode pembayaran.
23. Atur URL QRIS atau Dana.
24. Atur slot iklan.
25. Lakukan pengujian akun Member, VIP, Moderator dan Admin.

Syarat dan Catatan Penggunaan

1. Gunakan Kumastream Redesain V6 pada domain yang sudah didaftarkan pada sistem License.
2. Pastikan domain telah diaktifkan melalui halaman Member sebelum menggunakan tema.
3. Backup template sebelum melakukan perubahan besar.
4. Gunakan Firestore Rules yang sesuai dengan sistem Kumastream Redesain V6.
5. Jangan memberikan hak Admin kepada account yang tidak dipercaya.
6. Jangan mengubah field Coin langsung dari sisi pengguna.
7. Lakukan pengujian Top Up sebelum digunakan pada website publik.
8. Pastikan status transaksi berhasil berubah dari Pending menjadi Success setelah ACC.
9. Bookmark tersimpan pada localStorage sehingga dapat hilang apabila pengguna membersihkan data browser.
10. Gunakan role dalam format lowercase seperti member, vip, moderator dan admin agar sistem konsisten.
11. Jangan hanya mengandalkan JavaScript untuk melindungi data penting.
12. Selalu gunakan Firestore Security Rules sebagai lapisan validasi utama pada database.

Download Kumastream Redesain V6

Kumastream Redesain V6 cocok digunakan untuk website anime Blogger yang membutuhkan sistem streaming sekaligus fitur member yang lebih lengkap.

Dengan dukungan Firebase, Coin, Locked Content, Top Up, Profile, Banner, Bookmark, Anime List, Role System dan License Domain, pengelolaan website dapat dikembangkan lebih jauh tanpa meninggalkan platform Blogger.

Pastikan membaca dokumentasi konfigurasi terlebih dahulu sebelum menggunakan fitur Firebase, Top Up, Locked Content dan License. Konfigurasi Firestore Rules yang benar sangat penting agar sistem Coin, Role dan transaksi tidak dapat dimanipulasi oleh pengguna.

Sebelum memasang tema, login terlebih dahulu ke halaman Member dan daftarkan domain website yang akan menggunakan Kumastream Redesain V6. Setelah domain tersimpan, sistem License akan mengenali domain tersebut dan tema dapat aktif secara otomatis.