How to Add Audio to Your Blogger Blog Post

How to Add Audio to Your Blogger Blog Post Using Listen2it

This article shows you how to create and embed a Text to Speech version of your blog post in Blogger using a javascript code snippet.

This is a manual workflow that looks something like this - every time you want to create an audio version of your article, you have to copy the code snippet from the Listen2It Dashboard  and embed it into your Blogger blog post.

Let’s look at this workflow in steps -

1. Copy the Listen2It Player code snippet

After you’ve successfully logged into the Listen2It Dashboard, head on over to the ‘Installation’ section and copy the code snippet for the player

Screenshot 2021-01-21 at 11.26.41 AM.png

2. Paste the snippet in your blog post in Blogger

Now head over to your blog post in Blogger and edit the post. Switch from compose view to HTML view  to insert the Listen2It snippet.  
Screenshot 2021-01-21 at 11.59.01 AM.png


Now paste the code snippet below your title after the closing </span> tag for the title. It doesn’t matter if you paste it at the beginning or at the end (this is where the inline audio player will be rendered) but make sure you don’t override any existing HTML.

Screenshot 2021-01-21 at 12.02.31 PM.png


Now update and publish.
The audio player should now be visible on your blog.
Audio will be automatically generated when the Play button is hit for the first time.

Screenshot 2021-01-21 at 12.04.44 PM.png

Note: Audio is only generated when play button has been hit at least once.

    • Related Articles

    • How to Add Audio to Your Ghost Blog Post Using Listen2it

      This article shows you how to create and embed a Text to Speech version of your blog post in Ghost using a javascript code snippet. This is a manual workflow that looks something like this - every time you want to create an audio version of your ...
    • How to Add Audio to Your Wix Blog Post Using Listen2it

      This article shows you how to create and embed a Text to Speech version of your blog post in WiX using a javascript code snippet. This is a manual workflow that looks something like this - every time you want to create an audio version of your ...
    • How to Add Audio to Your Hubspot Blog Posts Using Listen2it

      This article shows you how to add the Listen2It Player to all your blog posts and convert them into audio in Hubspot. Please follow the following steps to add Listen2It Player: Copy the Listen2It Player code snippet Login to your Hubspot account and ...
    • How to Add Audio to Your Webflow Blog Posts Using Listen2it

      This article shows you how to add the Listen2It Player to all your blog posts and convert them into audio in Webflow. This is a workflow that looks something like this - if you want to add the Listen2It Player to all the blog posts in your webflow ...
    • How to Add Audio to Your Squarespace Blog Posts Using Listen2it

      This article shows you how to add the Listen2It Player to all your blog posts and convert them into audio in Squarespace. This is a workflow that looks something like this - if you want to add the Listen2It Player to all the blog posts in your ...