<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/98f13f7e124f408aad41e5c107c72a51&quot; frameborder=&quot;0&quot; width=&quot;1114&quot; height=&quot;835&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>835</height><width>1114</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>835</thumbnail_height><thumbnail_width>1114</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/98f13f7e124f408aad41e5c107c72a51-1714074816050.gif</thumbnail_url><duration>246.6</duration><title>Adding Blog Post Breadcrumbs</title><description>Hey there! In this video, I&apos;ll show you how to add custom styling to your blog post items. We&apos;ll start by adding JavaScript code to the blog collection settings, specifically the post blog item code injection. Then, we&apos;ll move on to styling the unformatted content using custom CSS. I&apos;ll walk you through each step and provide some tips along the way. Make sure to adjust the opacity and breadcrumb color to your liking. Lastly, I&apos;ll show you how to replace the arrow delimiter with a slash. Let&apos;s dive in!</description></oembed>