Fully-Functional Sermon Browser … In Your Own Website!
Attention webmasters!
We are pleased to announce the ultimate HTML copy and paste code for your own website! You can now drop in a fully-functional sermon browser that allows you to display, page-through, and filter all sermons from any SermonAudio account on to your own website! Here's how it works.
Go to your homepage and click on the orange PODCAST button to copy the ready-to-use code.
OR..
Copy and paste the following HTML code into your own website—preferably, a dedicated, blank sermon section on your site:
Replace the MEMBERID string with the Member ID of a specific broadcaster.
Now you'll have an instant sermon-browsing section on your own website that will automatically show all up-to-date sermon listings from your account on SermonAudio!
New! Update 5/17/13:We now have a new and updated style that you can use that may integrate better with newer website designs. 100% CSS-friendly so you can change any element to match your site. Original style is still available.
Update 4/28/11:Integrated search function to quickly search for sermons by any partial keyword matching title, subtitle, or keywords!
Update 11/2/10:Updated the look-and-feel to include mobile phones information.
Update 4/22/10:You can now specify the default starting view to be by Scripture, by speaker, or by series. Simply specify "bible=true" or "speaker=Dr.+Alan+Cairns" or "series="Prayer+Talk" to indicate a starting view.
Update 1/2/08:You can now SORT the sermon list using the different sorting options presented. Optionally, you can turn the sorting option OFF by changing the "hidesort" parameter from "false" to "true".
Be sure to check out more free HTML buttons and graphics (including some new desktop wallpapers!) in our Wallpaper & Graphics section. Let us know how we can keep improving! Our slogan is "the world is listening," but WE are listening too!
Are you a web developer or programmer? Looking for even more advanced integration? We've made available SOAP API's for SermonAudio so you can access and interact with data on the site with even greater flexibility. Be sure to check it out..
Easily embed single sermons! It's easier than ever to share any single sermon on your own website or blog via copy-and-paste HTML embed codes! Simply go to any sermon page and click on the Email & Share button there. Click here to learn more..
Enjoy!
This video tutorial is part of a growing number of screencasts. Let us know if it's been a help to you!
Thanks! This worked great for us! But unlike the SermonAudio.com view it displays the series title next to the speaker name instead of the passage. Is there any option that can be set to change this?
I tried several methods and plugins to embed the JavaScript in a WordPress page, but nothing worked until I used an iframe. You'll need to replace MEMBERID and adjust the height and width to fit your theme.
I wrestled with this script for the better part of a day in Joomla 1.7. I used the Jumi plugin to enable javascript to be embedded in a page, but the result was still blank. What eventually worked was to swap single quotes and double quotes. To see the actual code I used, go to our website, right click the page and select "view source". http://www.pprbc.org/index.php/sermons
OK. I have been trying for a while to get this to work in WordPress. NOT WordPress.com but a WordPress site on a different host. I have entered the code directly on the page and have tried an i-frame.
I have tried everything in these comments. The funny thing is that the HTML embed code works, which only gives us the newest sermons, but the sermon browser code does not.
When using the sermon browser code and looking at the page I actually see the script printed out on the page as text.
Oh, and I am entering the code into the HTML editor not the visual.
John T. Dyck wrote: I did get the page to appear when I used the code tags, but on the linking page I get this text added: document.write(""); Any ideas on how to eliminate this?
You will need to copy and paste the code as "HTML code" on your website (and not as regular text). Your site will need to allow code to be copied in this manner.
Email me directly if you're still having trouble at info@sermonaudio.com.
I did get the page to appear when I used the code tags, but on the linking page I get this text added: document.write(""); Any ideas on how to eliminate this?
We have been told by someone who got it to work that it does not work just to insert the code in the HTML view unless you wrap the SA code in <code> and </code> tags. Hope that helps!
You have to make sure you go to the "code" section and paste it there. There is typically a button labeled "HTML" on the content sections and will show you the raw code. If you paste it there, you won't see it in the editor, but will when viewed in the live site.
One wordpress site that uses it: http://indyfpc.org uses both a widget for the sidebar as well as for the "sermons" page.
If WordPress supports raw HTML code and Javascript in its pages, then it should work just fine. Perhaps you could check with their support to see if these are supported.
COMMENTS | 
11/12/12 3:16 PM
john uk from wales: "
lurker
apparently i have a reading comprehension problem..."
