Tutorial lengkap membuat website TV Series dan Movie di blogspot menggunakan TMDB API bagian 2

Tutorial Lengkap Membuat Website TV Series dan Movie di Blogspot Menggunakan TMDB API (Step 2)

Pada tutorial sebelumnya di halaman Tutorial tahap 1, kita telah berhasil membuat Landing Page atau Homepage sebagai tampilan utama website Movie & TV Series menggunakan Blogspot

Pada tutorial kali ini kita akan melanjutkan pembuatan website dengan membuat halaman Trending Movie dan Trending TV Shows. Halaman ini berfungsi untuk menampilkan daftar film dan serial TV yang diambil secara otomatis dari TMDB API berdasarkan kategori tertentu.

Seluruh data akan selalu diperbarui mengikuti database TMDB, sehingga ketika ada film atau serial TV terbaru, website Anda akan otomatis menampilkan data terbaru tanpa perlu memperbarui secara manual.

Kategori yang Akan Ditampilkan

Agar pengunjung lebih mudah menemukan film atau serial TV yang ingin ditonton, halaman Trending dibagi menjadi beberapa kategori.

Movie

• Popular Movie
• Top Rated Movie
• Upcoming Movie

TV Shows

• Popular TV
• Airing Today
• On The Air
• Top Rated TV

Setiap kategori mengambil data langsung dari TMDB API sehingga daftar film maupun serial TV akan selalu mengikuti pembaruan terbaru dari TMDB.

Demo Halaman Trending

Sebelum mulai memasang script, Anda dapat melihat contoh hasil akhirnya melalui halaman demo berikut.

Live Demo halaman trending movie
<h2>Upcoming Movie</h2> <div class="grid"> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/bRwnj8WEKBCvmfeUNOukJPwB43K.jpg"> <h4>Obsession</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/pxG26JdyuiDvJbSoucknaFiLeZD.jpg"> <h4>Toy Story 5</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/qn4wWonvYGQbf8X4s2VwIqv1acc.jpg"> <h4>Supergirl</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/kjcuS7xaRyqRjVaVcH4t0qHshuX.jpg"> <h4>Deep Water</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/ftFM5P0ucyUwIEMs88oqxCpkzjf.jpg"> <h4>火遮眼</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/hsJG5r6etrMNwW00BVp4NC7zi67.jpg"> <h4>धुरंधर: द रिवेंज</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/reZ8NInXjMkkaOpUHcI3Pn7iaRN.jpg"> <h4>Scary Movie</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/jKPWwsbAM6HKURPYQ1eG8DmKMKn.jpg"> <h4>Hokum</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/nz7i42yhLIJ4ve9JKgM6NthoLHO.jpg"> <h4>Minions & Monsters</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/5OvA3i9wZs5jHu0DCrfmXlzAM67.jpg"> <h4>Tuner</h4> </div></div><h2>Top Rated Movie</h2> <div class="grid"> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/tHhxWxge06goXU6ZQH1hj7vK8Hd.jpg"> <h4>Swapped</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/9cqNxx0GxF0bflZmeSMuL5tnGzr.jpg"> <h4>The Shawshank Redemption</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/zm0KAbOjlt9eR5y7vDiL2dEOwMl.jpg"> <h4>Michael</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/yihdXomYb5kTeSivtFndMy5iDmf.jpg"> <h4>Project Hail Mary</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/3bhkrj58Vtu7enYsRolD1fZdja1.jpg"> <h4>The Godfather</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/9HcEqn3D4J6b2Z0jK54id9nA0fr.jpg"> <h4>Remarkably Bright Creatures</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/hek3koDUyRQk7FIhPXsa6mT2Zc3.jpg"> <h4>The Godfather Part II</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/sF1U4EUQS8YHUYjNl3pMGNIQyr0.jpg"> <h4>Schindler's List</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/zhG3vKWyDRaZYoaww1UVAi29T9h.jpg"> <h4>12 Angry Men</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/icOZpnGuH9YrEaW3wrw5GJaXGih.jpg"> <h4>Protector</h4> </div></div><h2>Popular Movie</h2> <div class="grid"> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/1JlfUuvvX5xLP2LIDah4JhWUtTx.jpg"> <h4>Welcome to the Jungle</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/bW1tdWzyFusyuJJT1IOdjWtKCb8.jpg"> <h4>कॉकटेल २</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/bRwnj8WEKBCvmfeUNOukJPwB43K.jpg"> <h4>Obsession</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/zm0KAbOjlt9eR5y7vDiL2dEOwMl.jpg"> <h4>Michael</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/pxG26JdyuiDvJbSoucknaFiLeZD.jpg"> <h4>Toy Story 5</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/qn4wWonvYGQbf8X4s2VwIqv1acc.jpg"> <h4>Supergirl</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/hwRdDFIhaEmpRgoki805YvyyjZf.jpg"> <h4>Mortal Kombat II</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/kjcuS7xaRyqRjVaVcH4t0qHshuX.jpg"> <h4>Deep Water</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/ArIS4vwUxdhm3j7tsTHmffdfU8W.jpg"> <h4>Bhooth Bangla</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/3o5YPjDGDTcTDL5ftDA9NwN9dLd.jpg"> <h4>Disclosure Day</h4> </div></div><h2>Trending Movie</h2> <div class="grid"> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/bRwnj8WEKBCvmfeUNOukJPwB43K.jpg"> <h4>Obsession</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/iKy5460GdsoknM8ppmGlJbKxAKa.jpg"> <h4>The Sheep Detectives</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/pxG26JdyuiDvJbSoucknaFiLeZD.jpg"> <h4>Toy Story 5</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/rhGx6E3qRNMgj3i5su2oukNHwIQ.jpg"> <h4>Backrooms</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/qn4wWonvYGQbf8X4s2VwIqv1acc.jpg"> <h4>Supergirl</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/6LmJD3Wohe0g4U62wgi7RyJqfE4.jpg"> <h4>Citizen Vigilante</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/3YMd9Ogae4rDKLWuAZFuse9xhc5.jpg"> <h4>Masters of the Universe</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/5OvA3i9wZs5jHu0DCrfmXlzAM67.jpg"> <h4>Tuner</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/yyB2VJEW3an2xCdcYCPQhn9QERR.jpg"> <h4>Spider-Man: Brand New Day</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/zm0KAbOjlt9eR5y7vDiL2dEOwMl.jpg"> <h4>Michael</h4> </div></div>

---

Live Demo halaman trending tv
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <h2>On The Air TV</h2> <div class="grid"> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/pRtJagIxpfODzzb0T0NAvZSzErC.jpg"> <h4>FROM</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/7V0Ebks0GgpKvQ7QbLAIdX5dos4.jpg"> <h4>House of the Dragon</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/xsiecCxd8lkcAluw0wWwbW5CwSv.jpg"> <h4>Dutton Ranch</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/uWpG7GqfKGQqX4YMAo3nv5OrglV.jpg"> <h4>Simpsons</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/hWSb4UnIjlTvnvrP98NbFSO60HA.jpg"> <h4>Pemikiran kriminal</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/15SMnscZqd7HZ0bzruatOcKUlOV.jpg"> <h4>런닝맨</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/owhkU6KRqdXoUQpjV8uyZGPtX58.jpg"> <h4>Rick and Morty</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/k3BdjZWuw2TFOsYzFeb46M7FgNh.jpg"> <h4>炽夏</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/cL7iOwqapRRb7eKKlXI4FDaP6rh.jpg"> <h4>ரிசார்ட்</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/fIJNVBa6MJStPiOvhLV69nAdu0e.jpg"> <h4>Kamen Rider</h4> </div></div><h2>Airing Today TV</h2> <div class="grid"> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/k3BdjZWuw2TFOsYzFeb46M7FgNh.jpg"> <h4>炽夏</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/wsTjWy6NE2s3h0neChr0D92ddwI.jpg"> <h4>你好，星期六</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/zak7mqMxJGnnWplSdbjDtV7bg2Y.jpg"> <h4>아는 형님</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/gW14n6xxONXrya8CIDhRe5Ada7U.jpg"> <h4>Detektif Conan</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/A3C6crK4GQPNt2f43Vq6l2c845Y.jpg"> <h4>五十公里桃花坞</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/nhhfvJRIXC5a7d5eOZOhu1vrTWG.jpg"> <h4>พี่ฟากชอบเธอมู่</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/u1VRjvvCIVwb1MUhoxSAUimhoKZ.jpg"> <h4>凡人修仙传</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/awUOcWMgjHcKwhVzz5xbZBaXEfo.jpg"> <h4>彼女、お借りします</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/oPPClLJtWzeHMojXsGsV09QOTSB.jpg"> <h4>Casualty</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/iHMKgjHAtf77ORPvvJ8kpEQ286s.jpg"> <h4>斗破苍穹</h4> </div></div><h2>Popular TV</h2> <div class="grid"> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/pRtJagIxpfODzzb0T0NAvZSzErC.jpg"> <h4>FROM</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/7V0Ebks0GgpKvQ7QbLAIdX5dos4.jpg"> <h4>House of the Dragon</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/5MbNy94ia4ZLf8OGtSfSjjlxxWN.jpg"> <h4>राख</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/iofokHZoUB4Qhik4PflvJl8TT6a.jpg"> <h4>Hukum & Ketertiban: Unit Khusus Korban</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/cbODFqkcmRgrYH8NkG4Q4Hcg8Z1.jpg"> <h4>Off Campus</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/aFidY5oV5z5Fm8gPh37IYyBjbhG.jpg"> <h4>履いてください、鷹峰さん</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/haJ9eHytVO3H3JooMJG1DiWwDNm.jpg"> <h4>Law & Order</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/70kTz0OmjjZe7zHvIDrq2iKW7PJ.jpg"> <h4>The Rookie</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/peRHZYhvuA6MLTJkpf5nIjgsWx5.jpg"> <h4>ग्राम चिकित्सालय</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/in1R2dDc421JxsoRWaIIAqVI2KE.jpg"> <h4>The Boys</h4> </div></div><h2>Top Rated TV</h2> <div class="grid"> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/36BnxmIvWvOsMmlQfbI0ilTfuvh.jpg"> <h4>Teach You a Lesson</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/xsiecCxd8lkcAluw0wWwbW5CwSv.jpg"> <h4>Dutton Ranch</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/ztkUQFLlC19CCMYHW9o1zWhJRNq.jpg"> <h4>Breaking Bad</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/cbODFqkcmRgrYH8NkG4Q4Hcg8Z1.jpg"> <h4>Off Campus</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/dhzbCznEzU67RXWYb53fyPe9Keb.jpg"> <h4>Sousou no Frieren</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/7nYD5vKvr0JVxkl6QNCkLSQZfHJ.jpg"> <h4>Avatar: The Last Airbender</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/koMkV9qm0PEZHDmX5dRpBpMH1FY.jpg"> <h4>When Life Gives You Tangerines</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/abf8tHznhSvl9BAElD2cQeRr7do.jpg"> <h4>Arcane</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/dqVUFuNrMFWt7uGNWlpo91VKYOI.jpg"> <h4>The Chosen</h4> </div> <div class="card"> <img src="https://image.tmdb.org/t/p/w500/8f33Q5AuM2G5ZqFeusbIqDjr3cI.jpg"> <h4>One Piece</h4> </div></div>

Cara Membuat Halaman Trending

Masuk ke Dashboard Blogger, kemudian pilih menu Halaman (Pages) dan klik Halaman Baru. Pastikan editor yang digunakan adalah Mode HTML, bukan mode Compose, agar seluruh kode dapat dibaca dengan benar oleh Blogger.

Buat dua halaman baru, yaitu:

• Trending Movie
• Trending TV

Selanjutnya salin kode berikut sesuai dengan kategori halaman yang ingin dibuat.

📌 Script Trending Movie

</>

<style> body{ margin:0; font-family:Arial; background:#0f0f0f; color:#fff; } /* SECTION */ .section{ margin:20px 0; } .section h2{ font-size:16px; margin:10px 12px; } /* ROW SLIDER */ .row{ display:flex; overflow-x:auto; gap:10px; padding:10px 12px; scroll-behavior:smooth; } .row::-webkit-scrollbar{ display:none; } /* CARD */ .card{ min-width:120px; max-width:120px; flex:0 0 auto; background:#1c1c1c; border-radius:10px; overflow:hidden; } .card img{ width:100%; height:170px; object-fit:cover; } .card p{ font-size:11px; padding:5px; margin:0; text-align:center; } </style> <div class="section"> <h2>Popular</h2> <div id="popular" class="row"></div> </div> <div class="section"> <h2>Upcoming</h2> <div id="upcoming" class="row"></div> </div> <div class="section"> <h2>Top Rated</h2> <div id="toprated" class="row"></div> </div> <div class="section"> <h2>Now Playing</h2> <div id="nowplaying" class="row"></div> </div> <script> const API_KEY = "YOUR_TMDB_API_KEY"; const BASE = "https://api.themoviedb.org/3"; const IMG = "https://image.tmdb.org/t/p/w300"; async function load(type, id){ const res = await fetch(`${BASE}/movie/${type}?api_key=${API_KEY}&language=en-US&page=1`); const data = await res.json(); const box = document.getElementById(id); box.innerHTML = ""; data.results.forEach(m=>{ const poster = m.poster_path ? IMG + m.poster_path : "https://via.placeholder.com/300x450"; box.innerHTML += ` <div class="card"> <img src="${poster}"> <p>${m.title}</p> </div> `; }); } load("popular","popular"); load("upcoming","upcoming"); load("top_rated","toprated"); load("now_playing","nowplaying"); </script>

Safelink-aza



📌 Script trending Tv

</>

<style> .tabs{ display:flex; gap:10px; overflow-x:auto; margin:15px 0; padding-bottom:5px; scrollbar-width:none; } .tabs::-webkit-scrollbar{display:none;} .tabs-btn{ flex:0 0 auto; padding:10px 18px; border-radius:30px; background:#222; color:#fff; text-decoration:none; font-size:14px; transition:.3s; } .tabs-btn.active{ background:#e50914; } #tvGrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:15px; } .card{ display:block; text-decoration:none; color:#fff; background:#1b1b1b; border-radius:10px; overflow:hidden; transition:.3s; } .card img{ width:100%; aspect-ratio:2/3; object-fit:cover; display:block; } .card h3{ margin:10px; font-size:14px; line-height:1.4; } </style> <div class="tabs"> <a href="?id=popular" class="tabs-btn" data-id="popular">Popular</a> <a href="?id=ontheair" class="tabs-btn" data-id="ontheair">On The Air</a> <a href="?id=toprated" class="tabs-btn" data-id="toprated">Top Rated</a> </div> <div id="tvGrid"></div> <script> const api="YOUR_TMDB_API_KEY"; const tvGrid=document.getElementById("tvGrid"); const tabs=document.querySelectorAll(".tabs-btn"); function loadTV(type){ let endpoint="popular"; if(type==="ontheair") endpoint="on_the_air"; if(type==="toprated") endpoint="top_rated"; tabs.forEach(btn=>{ btn.classList.toggle("active",btn.dataset.id===type); }); history.replaceState(null,"","?id="+type); tvGrid.innerHTML="Loading..."; fetch(`https://api.themoviedb.org/3/tv/${endpoint}?api_key=${api}&language=en-US&page=1`) .then(r=>r.json()) .then(data=>{ if(!data.results){ tvGrid.innerHTML="No data"; return; } tvGrid.innerHTML=data.results.map(show=>` <a class="card" href="/2026/06/tv-show.html?id=${show.id}"> <img src="https://image.tmdb.org/t/p/w500${show.poster_path||''}"> <h3>${show.name}</h3> </a> `).join(""); }); } tabs.forEach(btn=>{ btn.addEventListener("click",e=>{ e.preventDefault(); loadTV(btn.dataset.id); }); }); loadTV(new URLSearchParams(location.search).get("id")||"popular"); </script>

Safelink-aza

Mengganti API Key

Sebelum mempublikasikan halaman, cari tulisan berikut pada script:

YOUR_TMDB_API_KEY

Kemudian ganti dengan API Key TMDB milik Anda yang telah dibuat pada Tutorial Step 1.

Pastikan API Key ditulis dengan benar tanpa menghapus tanda kutip didalam script,maupun karakter lainnya. Kesalahan penulisan API Key dapat menyebabkan data dari TMDB tidak dapat ditampilkan.

Mempublikasikan Halaman

Apabila API Key sudah diganti, lalu klik tombol Publikasikan.

Sekarang coba buka halaman Trending Movie maupun Trending TV yang telah dibuat. Jika seluruh langkah dilakukan dengan benar, maka daftar film dan serial TV akan muncul secara otomatis lengkap dengan poster, judul, rating, serta informasi lainnya sesuai data yang tersedia di TMDB.

Jika Data Tidak Muncul

Apabila halaman masih kosong atau muncul pesan error, periksa beberapa hal berikut:

< ul>
• Pastikan API Key benar & masih aktif.
• Pastikan tulisan YOUR_TMDB_API_KEY sudah diganti dengan API anda dari TMDB
• Pastikan script ditempel/Di edit pada Mode HTML di kotak editor posting halaman blogger.
• Pastikan tidak ada karakter atau tag HTML yang terhapus saat menyalin & menempel kode.
• Coba Refresh halaman menggunakan browser setelah dipublikasikan.

Sebagian besar masalah biasanya terjadi karena API Key belum diganti atau terdapat kesalahan saat menyalin script.

Tutorial Selanjutnya

Selamat! Sampai tahap ini Anda telah berhasil membuat halaman Trending Movie dan Trending TV Shows menggunakan TMDB API.

Pada Tutorial Step 3, kita akan mulai membuat halaman Detail Movie dan Detail TV Series. Halaman ini akan menampilkan informasi yang lebih lengkap, seperti poster resolusi tinggi, backdrop, sinopsis, genre, rating, durasi, tanggal rilis, trailer, daftar pemeran (Cast), hingga rekomendasi film atau serial TV yang serupa.

Sampai jumpa pada Tutorial Lengkap Membuat Website TV Series dan Movie di Blogspot Menggunakan TMDB API Bagian 3.

Tutorial Step 3 ini akan saya posting pada artikel selanjutnya di halaman Tutorial lengkap membuat website TV Series dan Movie di blogspot menggunakan TMDB API bagian 3, Pantau Update post di blog saya ini tutorial selanjutnya.

Tulis lanjut di kolom komentar untuk tutorial berikutnya

Pertanyaan Umum (FAQ)

Apa fungsi halaman Detail Movie dan Detail TV??

Halaman Detail Movie dan Detail TV berfungsi untuk menampilkan informasi lengkap mengenai film atau serial TV yang dipilih pengguna. Informasi yang ditampilkan meliputi poster, backdrop, judul, rating, durasi atau jumlah episode, genre, tanggal rilis, sinopsis, trailer, daftar pemeran (cast), kru (crew), rekomendasi, hingga informasi pendukung lainnya yang diambil secara langsung dari API TMDB..

Apa perbedaan halaman Detail Movie dengan Detail TV?

Perbedaan utamanya terletak pada data yang ditampilkan. Halaman Detail Movie menampilkan informasi khusus film seperti durasi (runtime) dan tanggal rilis. Sedangkan halaman Detail TV menampilkan informasi serial TV, seperti jumlah season, jumlah episode, episode terakhir, status penayangan, serta jadwal episode berikutnya (jika tersedia). Meskipun tampilannya hampir sama, data yang ditampilkan akan menyesuaikan dengan jenis konten yang dipilih..

API TMDB Tutorial

🛠 BERKAH JAYA ABADI TEKNIK

Layanan Jasa Service elektronik panggilan

Pesan Jasa Sekarang