</noscript> <!-- End Google Tag Manager (noscript) --> <script type='text/javascript' id='contact-form-7-js-extra'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/chrislee.is\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type='text/javascript' src='https://chrislee.is/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.1' id='contact-form-7-js'></script> <div> <div class="awsr-header DAMN-header" style="background-color:#FDFDFD;height:auto; padding:15px 0px;position:sticky;z-index:100;border-bottom:1px solid rgba(180,180,180,0.35)"> <div class="row"> <div class="col-3 col-sm-1 " style="text-align:right;font-family:Oswald;font-weight:300;text-transform:uppercase;line-height:1;color:gray;padding:0px"> <p style="font-size:38px!important;margin:0px!important">Chris</p> <p style="font-size:32px!important;margin:0px!important">Lee</p> </div> <div class="col-7 offset-0 col-sm-5" style="text-align:left!important"> <h1 style="margin-bottom: 0px!important; font-weight: 700!important; font-size: 20px!important; text-transform: none!important;color:#010C15;display:block;font-family:Oswald;text-transform:uppercase!important"> Digital marketing consultant </h1> <h1 style="margin-bottom: 0px!important; font-weight: 700!important; font-size: 20px!important; text-transform: none!important;color:grey;display:block;font-family:Oswald;text-transform:uppercase!important"> & </h1> <h1 style="margin-bottom: 0px!important; font-weight: 700!important; font-size: 20px!important; text-transform: none!important;color:#c40c0c;display:block;font-family:Oswald;text-transform:uppercase!important"> Writer </h1> </div> <div class="col-2 d-block d-md-none"> <script type="text/javascript"> function toggle_visibility(id) { var e = document.getElementById(id); if(e.style.display == 'block') e.style.display = 'none'; else e.style.display = 'block'; } </script> <span style="color:#E2B67B; font-size:2rem;text-align:center;"><a href="#" style="color:#010c15!important; text-decoration:none!important; border-bottom:none!important" onclick="toggle_visibility('mobilenav');"><i class="fas fa-bars"></i></a></span></div> <div id="mobilenav" style="display:none; width:100%; text-align:center;position:" > <p> <A href="#testimonials" style="font-weight:normal!important;color:gray;border-bottom:none!important">Testimonials</A> </p> <p> <A href="#results" style="font-weight:normal!important;color:gray;border-bottom:none!important">Results</A> </p> <p> <A href="/blog" style="font-weight:normal!important;color:gray;border-bottom:none!important">Blog</A> </p> <p> <A href="/now" style="font-weight:normal!important;color:gray;border-bottom:none!important">Now</A> </p> <p> <A href="/writing-a-book" style="font-weight:normal!important;color:gray;border-bottom:none!important">My book</A> </p> <p> <A href="#contact" style="background-color:#c40c0c; color:white; padding: 5px 5px; font-weight:bold!important; border-bottom:none!important">Hire me</A> </p> </div> <div class="col-12 col-sm-6 offset-md-0 d-none d-md-block" style="text-align:right!important;padding-top:20px;"> <!--<a class="DAMN-a-i" href="/" style="color:gray" name="header-home"><i class="fas fa-home" style="font-size:large;"></i></a><span style="margin:0 5px; color:gray;">•</span>--> <!--<a href="/contact" style="text-transform:uppercase!important;text-decoration:underline!important;font-weight:normal!important; color:gray; border-bottom:none!important;font-family:Oswald!important">Contact </a> <span style="margin:0 5px; color:gray;">•</span>--> <a href="#testimonials" style="text-transform:uppercase!important;text-decoration:underline!important;font-weight:normal!important; color:gray; border-bottom:none!important;font-family:Oswald!important">Testimonials</a> <span style="margin:0 5px; color:gray;">•</span> <a href="#results" style="text-transform:uppercase!important;text-decoration:underline!important;font-weight:normal!important; color:gray; border-bottom:none!important;font-family:Oswald!important">Results</a> <span style="margin:0 5px; color:gray;">•</span> <a href="/blog" style="text-transform:uppercase!important;text-decoration:underline!important;font-weight:normal!important; color:gray; border-bottom:none!important;font-family:Oswald!important">Blog</a> <span style="margin:0 5px; color:gray;">•</span> <a href="/now" style="text-transform:uppercase!important;text-decoration:underline!important;font-weight:normal!important; color:gray; border-bottom:none!important;font-family:Oswald!important">Now</a> <span style="margin:0 5px; color:gray;">•</span> <a href="#contact" style="background-color:#010c15;text-transform:uppercase!important;text-decoration:none!important;font-weight:normal!important; color:white; border-bottom:none!important;font-family:Oswald!important;padding:5px 10px">Hire me</a> <a href="/writing-a-book" style="background-color:#C40C0C;text-transform:uppercase!important;text-decoration:none!important;font-weight:normal!important; color:white; border-bottom:none!important;font-family:Oswald!important;padding:5px 10px">My book</a> <!-- <span style="margin:0 5px; color:gray;">•</span> <a href="/cycling-across-canada" style="text-transform:uppercase!important;text-decoration:underline!important;font-weight:normal!important; color:gray; border-bottom:none!important;font-family:Oswald!important;">My book</a> <span style="color:gray;margin:0 5px; ">•</span> <a class="DAMN-a-i" href="https://medium.com/@chrislee.is/" style="color:gray" name="header-home"><i class="fab fa-medium" style="font-size:large;font-weight:100"></i> <a class="DAMN-a-i" href="https://www.linkedin.com/in/chrisleeis/" style="color:gray" name="header-home"><i class="fab fa-linkedin" style="margin:0 10px;font-size:large;font-weight:100"></i> <a class="DAMN-a-i" href="https://twitter.com/chrislee_is/" style="color:gray" name="header-home"><i class="fab fa-twitter" style="font-size:large;font-weight:100"></i></a> </p>--> <!--<span style="font-size:20px; margin-left:5px;"> | <span style="color:#29086a;">WRITER</span><a href="/a-writer" class="cl-nav-writer" style="color:#29086a!important;font-weight:500!important; display:inline-block;line-height:1">freelance writer</a> and <a href="/a-web-designer" class="cl-nav-writer" style="color:#52002e!important;font-weight:500!important; display:inline-block;line-height:1">web designer</a>--></span> </div> <!-- .col --> <!-- <div class="col-12 offset-0 col-md-3 " style="text-align:Right; font-size:small; color:#333"> <a href="/a-writer" style="font-weight:normal!important; color:#333; border-bottom:none!important">Words</a> | <a href="/about" style="font-weight:normal!important; color:#333; border-bottom:none!important">About</a> | <a href="/contact" style="font-weight:normal!important; color:#333; border-bottom:none!important">Contact</a> | <a class="DAMN-a-i" href="/" style="color:#333" name="header-home"><i class="fas fa-home" style="font-size:large;"></i></a></div>--> </div> <!-- .row --> </div> <!-- .awsr-header --> <div class="container-fluid row punch" style=" padding: 50px 0px; background-color:#FDFDFD;color:black;"> <!-- <div class="col-12 offset-0 offset-md-10 col-md-1" style="text-align:center;position:sticky;top:0px;background-color:#29086a;padding:5px 10px;border-radius:3px;color:white;z-index:10"> <a href="/contact" target="_blank" style="color:white!important;text-decoration:none!important;border-bottom:none!important">Hire me</a> </div>--> <div class="col-12 offset-0 col-md-8 offset-md-2 col-lg-6 offset-lg-3 "> <p class="signpost"><ul class="post-categories"> <li><a href="https://chrislee.is/thinking-about/categories/uncategorised/" rel="category tag">Uncategorised</a></li></ul></p> <h1 class="blog-title" style="margin-bottom:5vh;">How to view RSS feeds in Chrome</h1> <img style="width:100%;padding-top:25px;" src="https://chrislee.is/wp-content/uploads/2018/11/blog-post-template.png "> <hr> <div class="row"> <div class="col-6" style="margin:0;padding:0"> <span class="signpost" >November 12, 2018</span> </div><div style="margin:0;padding:0;text-align:right" class="col-6"> <span class="signpost"><a style="border-bottom:none!important;" href="https://twitter.com/intent/tweet?text=Here%27s%20a%20great%20blog%20post%20https://chrislee.is/how-to-view-rss-feeds-in-chrome/"><i class="fab fa-twitter"></i></a> <a style="border-bottom:none!important;" href="https://www.linkedin.com/sharing/share-offsite/?url=https://chrislee.is/how-to-view-rss-feeds-in-chrome/"><i class="fab fa-linkedin"></i></a></span> </div></div> </div> <div class="col-10 offset-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3 damn-blog" > <p>If you look at an RSS feed in Firefox, you see something like the following:</p> <p><noscript data-img="https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-1024x439.png" data-webp="https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-1024x439.png.webp" data-srcset-webp="https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-1024x439.png.webp 1024w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-300x129.png.webp 300w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-768x330.png.webp 768w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-720x309.png.webp 720w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-360x155.png.webp 360w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-80x34.png.webp 80w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS.png.webp 1885w" data-srcset-img="https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-1024x439.png 1024w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-300x129.png 300w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-768x330.png 768w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-720x309.png 720w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-360x155.png 360w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-80x34.png 80w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS.png 1885w" data-height="439" data-width="1024" data-class="alignnone size-large wp-image-2372" data-sizes="(max-width: 1024px) 100vw, 1024px" class="ewww_webp"><img class="alignnone size-large wp-image-2372" src="https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-1024x439.png" alt="" width="1024" height="439" srcset="https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-1024x439.png 1024w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-300x129.png 300w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-768x330.png 768w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-720x309.png 720w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-360x155.png 360w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS-80x34.png 80w, https://chrislee.is/wp-content/uploads/2018/11/Firefox-RSS.png 1885w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></p> <p>It’s not hugely elegant by default, but it at least renders as something legible. There’s a title, and the blurred stuff highlighted in yellow is the name, date, description, and featured image of an event.</p> <p>Go to that same URL in Chrome, and you get this:</p> <p><noscript data-img="https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-1024x468.png" data-webp="https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-1024x468.png.webp" data-srcset-webp="https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-1024x468.png.webp 1024w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-300x137.png.webp 300w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-768x351.png.webp 768w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-720x329.png.webp 720w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-360x164.png.webp 360w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-80x37.png.webp 80w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS.png.webp 1399w" data-srcset-img="https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-1024x468.png 1024w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-300x137.png 300w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-768x351.png 768w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-720x329.png 720w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-360x164.png 360w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-80x37.png 80w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS.png 1399w" data-height="468" data-width="1024" data-class="alignnone size-large wp-image-2373" data-sizes="(max-width: 1024px) 100vw, 1024px" class="ewww_webp"><img loading="lazy" class="alignnone size-large wp-image-2373" src="https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-1024x468.png" alt="" width="1024" height="468" srcset="https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-1024x468.png 1024w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-300x137.png 300w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-768x351.png 768w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-720x329.png 720w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-360x164.png 360w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-80x37.png 80w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS.png 1399w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></p> <p>Depending on how savvy you are, that’s either an xml feed, “computer code”, or terrifying gibberish.</p> <p>So how can you display an RSS feed properly on Google Chrome?</p> <p>Luckily it’s super easy. Head <a href="https://chrome.google.com/webstore/detail/rss-subscription-extensio/nlbjncdgjeocebhnmkbbbdekmmmcbfjd?hl=en" target="_blank" rel="noopener">here</a> and click ‘Add to Chrome’. This adds Google’s very own RSS Subscription Extension to your Chrome installation.</p> <p>Refresh the hideous page of code and, voila:</p> <p><noscript data-img="https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-1024x494.png" data-webp="https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-1024x494.png.webp" data-srcset-webp="https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-1024x494.png.webp 1024w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-300x145.png.webp 300w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-768x370.png.webp 768w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-720x347.png.webp 720w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-360x174.png.webp 360w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-80x39.png.webp 80w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display.png.webp 1240w" data-srcset-img="https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-1024x494.png 1024w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-300x145.png 300w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-768x370.png 768w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-720x347.png 720w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-360x174.png 360w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-80x39.png 80w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display.png 1240w" data-height="494" data-width="1024" data-class="alignnone size-large wp-image-2374" data-sizes="(max-width: 1024px) 100vw, 1024px" class="ewww_webp"><img loading="lazy" class="alignnone size-large wp-image-2374" src="https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-1024x494.png" alt="" width="1024" height="494" srcset="https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-1024x494.png 1024w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-300x145.png 300w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-768x370.png 768w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-720x347.png 720w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-360x174.png 360w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display-80x39.png 80w, https://chrislee.is/wp-content/uploads/2018/11/Chrome-RSS-display.png 1240w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></p> </div> </div>