How to Embed Your Bluesky Feed - Reposted from a MIA Blog
I'm saving this post (I had posted it to social media earlier and then found the link was 404 today). I'm not running WordPress now but I'd like to crosspost my Bluesky posts into my blog, Blogger in particular. It would be handy rather than cut and pasting over and over. So, one day I will try this code. I hope it works, when I try it. Meanwhile, it could be a great help to someone else right now.
How to Embed Your Bluesky Feed In Your WordPress Site Without Plugins or Paying Posted on February 17, 2025 by ΞVΞ
I’ve always liked embedding my main social media feed to my WordPress site, so I had Twitter easily embedded to the sidebar on it. However, with the downfall of Twitter, I’ve moved to Bluesky and unfortunately, I found no documentation on how to do this except for a couple plugins, of which one of them required a paid subscription since Bluesky is so new. My personal preference has always been to have as little plugins as possible on my WordPress blog to avoid any potential conflicts with other plugins or themes, so I set out for a way to do this and found none.
I don’t remember how I found a way because it was some time last year, but I did through fiddling with the Bluesky code, so I hope you find this useful.
Go to your WordPress Admin page > Appearance > Widgets and create a new Custom HTML block in your preferred location Paste this code into the block changing “BLUESKY-HANDLE” to your Bluesky @username without the “@”. Below that, you can change the limit for number of Bluesky posts to show. The default is 5, but you can make it as many or less as you want. The quotes on either side of the username and limit are required. In WordPress, click “Update” on the top right corner and that’s it!
<script src="https://cdn.jsdelivr.net/npm/bsky-embed@0.0.5/dist/bsky-embed.es.js" async></script>
<bsky-embed
username="BLUESKY-HANDLE"
limit="5"
>
</bsky-embed>
Hope this helps!