TEMPLATE Xenforo rastgele konu nasıl yapılır?

[XcBot]

Forumunuzda sayfa her yenilendiğinde değişen rastgele konu şablonu yapıyoruz.
XenConsept Random Topic Without Addon ile forum sayfanızın istediğiniz bir alanında bu widget gösterilir.
Konu başlığına tıkladığınızda ilgili konuya gider.
Tüm alanlar özelleştirilebilir şekilde yapılmıştır, forumunuza yük olmaz.



Forumunuzda bir html widget oluşturun,
Widget için bir isim belirleyin,
Konum olarak "forum listesi - forumların altında" ya da "forum listesi - forumların üstünde" işaretleyin,
Gelişmiş mod kutusunu işaretleyin,
Aşağıdaki kodu şablon alanına ekleyin;
Şablondaki rss linkini kendi forum adınız ile değiştirin (line: 54)

<style>
.random-title-wrapper {
    display: flex;
    align-items: center;   
    gap: 10px;             
    padding: 6px 10px;     
    font-size: 16px;
    border: 2px solid gray;
    background: hsla(var(--xf-paletteColor5));
    color: white;
    width: 100%;
    margin: 0 0 10px 0;
    box-sizing: border-box;
    border-radius: 6px;
    line-height: 1;       
}

.random-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #02a82b;
    border-radius: 6px;
    margin-left: 1px;
}

.random-icon i {
    font-size: 22px;
    color: #fff;
}

.random-title {
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #bdbbbb;
    flex: 1;
    padding: 5px;
    text-align: left;
}
</style>

<a id="titleLink" class="random-title-wrapper" href="#" target="">
  <div class="random-icon">
    <xf:fa icon="fas fa-random" aria-hidden="true" />
  </div>
  <div class="random-title">Loading...</div>
</a>

<script>
async function fetchRandomTitle() {
  try {
    const rssUrl = 'https://xenconsept.com/forums/-/index.rss';
    const response = await fetch(rssUrl);
    const text = await response.text();
    const parser = new DOMParser();
    const xmlDoc = parser.parseFromString(text, 'text/xml');
    const items = xmlDoc.getElementsByTagName('item');
    const titles = Array.from(items).map(item => ({
      text: item.getElementsByTagName('title')[0].textContent,
      link: item.getElementsByTagName('link')[0].textContent
    }));
    if (titles.length > 0) {
      const randomIndex = Math.floor(Math.random() * titles.length);
      const titleElement = document.getElementById('titleLink');
      titleElement.querySelector('.random-title').textContent = titles[randomIndex].text;
      titleElement.href = titles[randomIndex].link;
    } else {
      document.querySelector('.random-title').textContent = 'No titles found.';
    }
  } catch (error) {
    console.error('Error fetching titles:', error);
    document.querySelector('.random-title').textContent = 'Error loading titles.';
  }
}
window.onload = fetchRandomTitle;
</script>