Featured Content Bar

[Ted Hinklater]

Hi, first of all thank you for this.
I'm good at following instructions but the guide has been so confusing. Btw, I'm on windows and I have basic knowledge of HTML, and coding.

You can do it like this on Windows

• Download slideshow.html
  
• Enter your UserId into line 11 of slideshow.html (Get your UserID by going to the Jellyfin Dashboard, go to the Users tab, click your username. Your UserId is the last string in the address bar after the = sign)
  
• Enter your API key into line 12 of slideshow.html (Go to Dashboard, API Keys tab, click the + and create a key for FeaturedSlideshow)
  
• Go to your jellyfin-web folder (C:\Program Files\Jellyfin\Server\jellyfin-web) and create a folder named avatars and drop slideshow.html in that folder
  
• (Important: Open Notepad with Administrator rights, or use Notepad++ for this) In the jellyfin-web folder, open the file home-html.RANDOMSTRINGHERE.chunk.js
  
• Ctrl+F and search for data-backdroptype="movie,series,book"> Paste this after the >
  Code:

  <style>.featurediframe { width: 89vw; height: 300px; display: block; border: 1px solid #000; margin: 0 auto}</style> <iframe class="featurediframe" src="/web/avatars/slideshow.html"></iframe>
• Save the file.
  
• Empty your browser's cached web content (Ctrl+F5 or empty it from your browser's Cookies and Site Data settings section)