Shinigami - Clone Blogger Template

Shinigami - Clone Blogger Template merupakan template Blogger untuk website manga, manhwa, manhua, dan komik online dengan tampilan modern yang terinspirasi dari platform baca komik masa kini.

Template ini tidak hanya menyediakan tampilan daftar manga dan chapter, tetapi juga membawa berbagai fitur tambahan seperti live search, bookmark, manga reader, akun pengguna, VIP, Coin, notification center, hingga Firebase Authentication.

Dengan struktur yang cukup lengkap, template ini cocok digunakan untuk membuat website baca manga berbasis Blogger dengan tampilan yang lebih modern dan nyaman digunakan pada perangkat desktop maupun mobile.

📚 Tentang Shinigami Clone Blogger Template

Shinigami Clone dibuat untuk pengguna Blogger yang ingin membuat website manga dengan tampilan yang lebih kompleks dibanding template Blogger biasa.

Template menggunakan sistem Blogger Feed dan JavaScript untuk menampilkan manga, chapter, related content, slider, pencarian, serta berbagai elemen dinamis lainnya.

Struktur halaman juga sudah dibuat khusus untuk kebutuhan website manga, mulai dari halaman daftar manga sampai halaman reader untuk membaca chapter.

🎨 Tampilan Modern dan Responsive

Template menggunakan desain dominan gelap dengan kombinasi warna ungu, hitam, dan abu-abu sehingga memberikan tampilan yang cocok untuk website manga.

Layout juga sudah responsive sehingga dapat menyesuaikan tampilan pada berbagai ukuran layar.

• Responsive untuk desktop dan mobile.
• Dark mode sebagai tampilan utama.
• Card manga dengan cover.
• Layout Grid dan List.
• Navigasi yang dibuat lebih modern.
• Desain modal untuk berbagai fitur.
• Menggunakan icon Font Awesome.
• Menggunakan utility CSS Tailwind.

🏠 Homepage Manga

Bagian homepage dirancang untuk menampilkan berbagai konten manga secara dinamis.

Beberapa bagian yang tersedia pada homepage antara lain:

• Slider manga.
• Recently Added.
• Update manga terbaru.
• Project Series.
• Daftar manga berdasarkan label.
• Pengumuman.
• Pagination.

Jumlah konten tertentu seperti slider, bookmark, dan series juga dapat disesuaikan melalui konfigurasi yang tersedia pada template.

🔎 Live Search Manga

Salah satu fitur menarik yang tersedia adalah Live Search.

Pengunjung cukup mengetik judul manga pada kolom pencarian dan hasil akan langsung ditampilkan tanpa harus membuka halaman pencarian terlebih dahulu.

Hasil pencarian dapat menampilkan cover dan judul manga sehingga pengguna dapat memilih manga dengan lebih cepat.

🗂️ Filter Genre, Status, dan Sorting

Template menyediakan sistem filter yang cukup lengkap untuk mempermudah pengunjung menemukan manga.

Genre yang tersedia sangat banyak, mulai dari Action, Adventure, Comedy, Fantasy, Romance, School, Isekai, Horror, Thriller, Webtoon, dan berbagai genre lainnya.

Untuk status manga tersedia beberapa pilihan:

• Ongoing.
• Completed.
• Dropped.
• Hiatus.

Sedangkan sistem sorting mendukung:

• A-Z.
• Z-A.
• Update.
• Added.
• Popular.

⭐ Project Series dan Mirror

Pada template tersedia bagian khusus bernama Project Series.

Pengguna dapat berpindah antara mode:

• PROJECT.
• MIRROR.

Tampilan daftar series juga dapat diganti antara mode Grid dan List.

Sistem pagination sudah tersedia sehingga daftar manga dalam jumlah banyak tetap dapat ditampilkan dengan rapi.

📖 Sistem Chapter Manga

Halaman detail manga dilengkapi dengan sistem chapter yang mengambil data berdasarkan Blogger Feed dan label manga.

Pengunjung dapat mencari chapter tertentu langsung melalui kolom pencarian.

Contohnya cukup mengetik:

01
10
25

Template juga mengenali beberapa jenis konten chapter seperti:

• Chapter.
• Manga Chapter.
• Novel Chapter.

📱 Manga Reader dengan Dua Mode

Bagian reader merupakan salah satu fitur paling lengkap di dalam template ini.

Tersedia dua pilihan mode membaca:

• Scroll Mode — membaca semua gambar secara vertikal.
• Page Mode — membaca satu gambar per halaman.

Pada Page Mode, pengguna dapat berpindah gambar dengan menekan bagian kanan atau kiri area reader.

Reader juga menyediakan beberapa pengaturan tambahan:

• Auto Scroll.
• Pengaturan kecepatan Auto Scroll.
• Pengaturan lebar gambar.
• Pengaturan tingkat kecerahan.
• Progress membaca.
• Navigasi chapter sebelumnya.
• Navigasi chapter berikutnya.
• Page Indicator pada mode halaman.

🔖 Sistem Bookmark Manga

Template juga memiliki fitur Bookmark untuk menyimpan manga favorit.

Bookmark disimpan menggunakan Local Storage browser sehingga pengguna dapat menyimpan manga tanpa memerlukan database untuk sistem bookmark dasarnya.

Beberapa kemampuan bookmark antara lain:

• Tambah manga ke Bookmark.
• Hapus manga dari Bookmark.
• Menampilkan daftar Bookmark.
• Hapus semua Bookmark.
• Membatasi jumlah Bookmark melalui konfigurasi template.

👤 Login dan Sistem Akun

Selain fitur Blogger standar, template juga sudah memiliki tampilan sistem akun pengguna berbasis Firebase Authentication.

Metode login yang tersedia di dalam template meliputi:

• Login dengan Google.
• Login dengan GitHub.
• Login menggunakan Email dan Password.

Setelah login, pengguna memiliki tampilan profil yang dapat menampilkan informasi akun.

💎 Sistem VIP dan Coin

Template sudah memiliki struktur sistem membership yang lebih kompleks, termasuk fitur VIP dan Coin.

Pada bagian profil pengguna tersedia informasi seperti:

• Jumlah Coin.
• Status Membership.
• Level akun.
• EXP pengguna.
• Rank pengguna.

Template juga mempunyai mekanisme VIP dengan masa aktif serta sistem untuk mengembalikan akun menjadi Free ketika masa VIP telah berakhir.

Tersedia juga tampilan paket membership dan Flash Sale yang dapat dikustomisasi sesuai kebutuhan.

🔔 Notification Center

Shinigami Clone memiliki bagian Notification Center yang digunakan untuk menampilkan berbagai informasi atau aktivitas kepada pengguna.

Notifikasi dapat digunakan untuk memberikan informasi seperti:

• Pengumuman terbaru.
• Informasi VIP.
• Aktivitas akun.
• Informasi promo.
• Broadcast dari admin.

Badge notifikasi juga tersedia untuk memberikan tanda ketika terdapat informasi baru.

🛠️ Admin Dashboard

Template yang dikirim juga sudah memiliki struktur Admin Dashboard.

Dashboard digunakan untuk mengelola beberapa data yang terhubung dengan sistem Firebase.

Beberapa bagian yang tersedia antara lain:

• Daftar pengguna.
• Total pengguna.
• Total VIP Member.
• Total Coin yang beredar.
• Approval transaksi.
• Broadcast notification.
• Pengelolaan data user.

⚡ Fitur Lainnya

Selain berbagai fitur utama di atas, template masih memiliki beberapa fitur tambahan yang mendukung website manga.

• Lazy Loading gambar.
• Resize gambar Blogger otomatis.
• Related Manga.
• Random Manga.
• Pagination otomatis.
• Blogger Feed API.
• Sistem komentar Blogger.
• Dukungan konfigurasi Disqus.
• Meta tag SEO.
• Schema BlogPosting.
• Open Graph.
• Twitter Card.
• Reader Progress Bar.
• Previous dan Next Chapter.
• Modal Login.
• Modal Settings.
• Modal Notification.
• Sistem iklan untuk pengguna Free.
• Pengaturan bebas iklan untuk VIP.

⚠️ Catatan Sebelum Menggunakan Template

Beberapa fitur di dalam Shinigami Clone sudah terhubung dengan layanan eksternal seperti Firebase.

Karena itu, sebelum template digunakan pada blog utama, sebaiknya lakukan konfigurasi terlebih dahulu.

1. Backup template Blogger sebelum melakukan perubahan.
2. Ganti konfigurasi Firebase menggunakan project milik sendiri.
3. Atur metode Firebase Authentication yang ingin digunakan.
4. Atur database Firestore untuk sistem akun, Coin, VIP, dan notifikasi.
5. Sesuaikan menu, logo, warna, serta nama website.
6. Periksa kembali link yang masih menggunakan URL demo atau placeholder.
7. Gunakan struktur label manga dan chapter secara konsisten agar daftar chapter dapat berjalan dengan benar.

🌟 Template Manga Blogger dengan Fitur Lengkap

Shinigami Clone Blogger Template dapat menjadi pilihan untuk pengguna yang ingin membangun website manga berbasis Blogger tanpa harus membuat seluruh tampilan dari awal.

Kombinasi homepage modern, live search, daftar chapter, bookmark, manga reader, akun pengguna, VIP, Coin, dan notification system membuat template ini memiliki fitur yang jauh lebih lengkap dibanding template manga Blogger sederhana.

Jika dikonfigurasi dengan benar, Blogger dapat digunakan untuk membuat website manga dengan tampilan dan pengalaman membaca yang cukup modern. 💜

⬇️ Download Shinigami - Clone Blogger Template

Sebelum memasang template, disarankan untuk melakukan backup template lama agar dapat dikembalikan apabila terjadi kesalahan ketika proses instalasi.

Jangan lupa melakukan konfigurasi dan pengujian terlebih dahulu sebelum menggunakan template pada website utama. 🙏