🔧 Integration Guides

Step-by-step guides for adding YeahNah News RSS feeds to your website or blog. Choose your platform below.

WordPress Integration

WordPress makes it easy to display external RSS feeds using plugins or manual methods.

Method 1: Using a Plugin (Recommended)

  1. Install and activate the "JeoParc News Ticker" or "WP RSS Aggregator" plugin
  2. Go to the plugin settings in your WordPress dashboard
  3. Add a new feed source with one of these URLs:
    • https://news.yeahnah.com/feeds/all.xml (All news)
    • https://news.yeahnah.com/feeds/technology.xml (Technology)
    • https://news.yeahnah.com/feeds/politics.xml (Politics)
    • https://news.yeahnah.com/feeds/sports.xml (Sports)
  4. Configure display settings and save
  5. Add the widget/block to your sidebar or page

Method 2: Manual Widget

Add this code to your sidebar widget (Appearance → Widgets → Custom HTML):

<div class="yeahnah-rss">
    <h3>YeahNah News</h3>
    <ul id="yeahnah-feed"></ul>
    <p><a href="https://news.yeahnah.com/rss.html">More feeds</a></p>
</div>

<script>
fetch('https://news.yeahnah.com/feeds/all.xml')
    .then(response => response.text())
    .then(data => {
        const parser = new DOMParser();
        const xml = parser.parseFromString(data, 'text/xml');
        const items = xml.querySelectorAll('item');
        const list = document.getElementById('yeahnah-feed');
        
        items.forEach((item, index) => {
            if (index < 5) {
                const title = item.querySelector('title').textContent;
                const link = item.querySelector('link').textContent;
                const li = document.createElement('li');
                li.innerHTML = `<a href="${link}">${title}</a>`;
                list.appendChild(li);
            }
        });
    });
</script>

Method 3: Functions.php Addition

Add this to your theme's functions.php file to display feeds in your sidebar:

function yeahnah_rss_widget($atts) {
    $atts = shortcode_atts(array(
        'feed' => 'all',
        'count' => 5,
    ), $atts);
    
    $feed_url = 'https://news.yeahnah.com/feeds/' . $atts['feed'] . '.xml';
    $feed = wp_remote_get($feed_url);
    
    if (is_wp_error($feed)) {
        return '<p>Unable to load feed.</p>';
    }
    
    $xml = simplexml_load_string(wp_remote_retrieve_body($feed));
    $output = '<div class="yeahnah-feed"><ul>';
    
    $count = 0;
    foreach ($xml->channel->item as $item) {
        if ($count >= $atts['count']) break;
        $output .= '<li><a href="' . $item->link . '">' . $item->title . '</a></li>';
        $count++;
    }
    
    $output .= '</ul></div>';
    return $output;
}
add_shortcode('yeahnah_feed', 'yeahnah_rss_widget');
Tip: Use [yeahnah_feed feed="technology" count="5] to display only technology news.

Blogger Integration

Blogger allows you to add RSS feeds using HTML/JavaScript widgets.

Adding a Feed Widget

  1. Log in to your Blogger dashboard
  2. Go to Layout → Add a Gadget
  3. Choose "HTML/JavaScript"
  4. Paste the following code:
<div class="yeahnah-news-feed">
    <h3>Latest YeahNah News</h3>
    <div id="yeahnah-blogger-feed"></div>
</div>

<script src="https://news.yeahnah.com/feeds/all.xml?callback=displayFeed"></script>
<script>
function displayFeed(data) {
    var container = document.getElementById('yeahnah-blogger-feed');
    var html = '<ul>';
    
    var entries = data.feed.entry || [];
    var limit = Math.min(entries.length, 5);
    
    for (var i = 0; i < limit; i++) {
        var entry = entries[i];
        var title = entry.title.$t;
        var link = entry.link.find(function(l) { return l.rel === 'alternate'; }).href;
        html += '<li><a href="' + link + '">' + title + '</a></li>';
    }
    
    html += '</ul>';
    container.innerHTML = html;
}
</script>

Adding Feed Links to Your Template

Add RSS subscription links to your Blogger template's head section:

  1. Go to Template → Edit HTML
  2. Find the <head> section
  3. Add these lines:
<link rel="alternate" type="application/rss+xml" title="YeahNah News - All" href="https://news.yeahnah.com/feeds/all.xml"/>
<link rel="alternate" type="application/rss+xml" title="YeahNah News - Tech" href="https://news.yeahnah.com/feeds/technology.xml"/>
<link rel="alternate" type="application/rss+xml" title="YeahNah News - Politics" href="https://news.yeahnah.com/feeds/politics.xml"/>
<link rel="alternate" type="application/rss+xml" title="YeahNah News - Sports" href="https://news.yeahnah.com/feeds/sports.xml"/>
Note: Blogger may block external RSS feeds due to security policies. If the feed doesn't load, consider using a proxy service or displaying static content instead.

Squarespace Integration

Squarespace supports RSS feeds through blocks and code injection.

Method 1: Using the RSS Block (Recommended)

  1. Edit the page where you want to add the feed
  2. Click the "+" button to add a new block
  3. Search for "RSS" and select the RSS block
  4. Enter one of these feed URLs:
    • https://news.yeahnah.com/feeds/all.xml (All news)
    • https://news.yeahnah.com/feeds/technology.xml (Technology)
    • https://news.yeahnah.com/feeds/politics.xml (Politics)
    • https://news.yeahnah.com/feeds/sports.xml (Sports)
  5. Configure display options (number of items, layout)
  6. Save the page

Method 2: Code Injection

For more control, use code injection in your site settings:

  1. Go to Settings → Advanced → Code Injection
  2. Add this code to the "Header" section:
<link rel="alternate" type="application/rss+xml" title="YeahNah News - All Feeds" href="https://news.yeahnah.com/feeds/all.xml"/>
<link rel="alternate" type="application/rss+xml" title="YeahNah News - Technology" href="https://news.yeahnah.com/feeds/technology.xml"/>
<link rel="alternate" type="application/rss+xml" title="YeahNah News - Politics" href="https://news.yeahnah.com/feeds/politics.xml"/>
<link rel="alternate" type="application/rss+xml" title="YeahNah News - Sports" href="https://news.yeahnah.com/feeds/sports.xml"/>

Method 3: Custom JavaScript Feed Display

Add this to your Code Injection → Footer section for a custom feed display:

<script>
document.addEventListener('DOMContentLoaded', function() {
    var feedContainer = document.getElementById('yeahnah-feed');
    if (feedContainer) {
        fetch('https://news.yeahnah.com/feeds/all.xml')
            .then(function(response) { return response.text(); })
            .then(function(data) {
                var parser = new DOMParser();
                var xml = parser.parseFromString(data, 'text/xml');
                var items = xml.querySelectorAll('item');
                var html = '<ul class="yeahnah-feed-list">';
                
                items.forEach(function(item, index) {
                    if (index < 5) {
                        var title = item.querySelector('title').textContent;
                        var link = item.querySelector('link').textContent;
                        html += '<li><a href="' + link + '">' + title + '</a></li>';
                    }
                });
                
                html += '</ul>';
                feedContainer.innerHTML = html;
            });
    }
});
</script>
Tip: Create a dedicated "RSS Feeds" page and add multiple RSS blocks for different categories.

General Integration (Any Website)

For any website, you can add RSS feed links and auto-discovery.

Adding Auto-Discovery to Your HTML Head

Add these lines to the <head> section of your HTML:

<link rel="alternate" type="application/rss+xml" title="YeahNah News - All Feeds" href="https://news.yeahnah.com/feeds/all.xml"/>
<link rel="alternate" type="application/atom+xml" title="YeahNah News - All Feeds (Atom)" href="https://news.yeahnah.com/feeds/atom/all.xml"/>
<link rel="alternate" type="application/rss+xml" title="YeahNah News - Technology" href="https://news.yeahnah.com/feeds/technology.xml"/>
<link rel="alternate" type="application/rss+xml" title="YeahNah News - Politics" href="https://news.yeahnah.com/feeds/politics.xml"/>
<link rel="alternate" type="application/rss+xml" title="YeahNah News - Sports" href="https://news.yeahnah.com/feeds/sports.xml"/>

JavaScript Feed Widget

Add this anywhere on your page to display the latest headlines:

<div id="yeahnah-news-widget">
    <h3>YeahNah News</h3>
    <div id="yeahnah-widget-content">Loading...</div>
</div>

<script>
(function() {
    var container = document.getElementById('yeahnah-widget-content');
    fetch('https://news.yeahnah.com/feeds/all.xml')
        .then(function(response) { return response.text(); })
        .then(function(data) {
            var parser = new DOMParser();
            var xml = parser.parseFromString(data, 'text/xml');
            var items = xml.querySelectorAll('item');
            var html = '<ul style="list-style: none; padding: 0;">';
            
            items.forEach(function(item, index) {
                if (index < 5) {
                    var title = item.querySelector('title').textContent;
                    var link = item.querySelector('link').textContent;
                    var pubDate = new Date(item.querySelector('pubDate').textContent);
                    html += '<li style="margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee;">';
                    html += '<a href="' + link + '" style="text-decoration: none; color: #2c3e50; font-weight: 500;">' + title + '</a>';
                    html += '<br><small style="color: #666;">' + pubDate.toLocaleDateString() + '</small>';
                    html += '</li>';
                }
            });
            
            html += '</ul>';
            html += '<p style="margin-top: 10px;"><a href="https://news.yeahnah.com/rss.html">View all feeds</a></p>';
            container.innerHTML = html;
        })
        .catch(function(error) {
            container.innerHTML = '<p>Unable to load feed. <a href="https://news.yeahnah.com/rss.html">Visit our RSS page</a></p>';
        });
})();
</script>

RSS Button for Your Site

Add a styled RSS subscription button:

<a href="https://news.yeahnah.com/feeds/all.xml" style="
    display: inline-flex;
    align-items: center;
    background: #e67e22;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    margin: 10px 0;
">
    📡 Subscribe to YeahNah News
</a>