Sermon Flow for Standard HTML

Before you get started

We will need to activate your Sermon Flow Social implementation on any domain(s) of your choice. We will need to put the domain in our systems to allow the Sermon Flow Social content to display. Please ‘SUBMIT A TICKET’ with the domains you would like to add to your Sermon Connect ID. Also, you will need to obtain your Sermon Connect ID before implementing Sermon Flow on your website install.

Get your Sermon Connect ID.

Log into Sermon Connect ( ) and then go to the ‘Account Info’ page.

The image below shows where you can get your ID.


Standard HTML Part I

In the code below, replace the text       YOUR_ID         with your unique Sermon Connect ID.
The following code goes right before the </head> tag on your page or header.




<meta http-equiv=”X-UA-Compatible” content=”IE=Edge”>

<script src=””></script>
<script type=”text/javascript” src=””></script>
<script> jQuery(document).ready(function() {jQuery.sermonconnect($(‘#sermonflow’),{scid: ‘YOUR_ID‘,display:’coverflow’,color:’000′,boxcolor:’fff’});}); </script>

#sermonflow div,#sermonflow td,#sermonflow p { font: 12px verdana, sans-serif; color:#000; text-align:left;  line-height:18px;}
#sermonflow a { color:# 000 !important;}
#sermonflow div a { color:#14557D !important; font-size:12px; }
#sermonflow a:active{ color:#000; font-size:12px; }
#sermonflow{ background-color:transparent;}
#sermonflow #container2 img{ box-shadow:0px 3px 14px #444 !important;  border:0px solid #000;}
#sermonflow #itemTitle{ color:#fff !important;}
#sermonflow #series { border-radius:0px 0px 0px 0px !important; background-color:#000000 !important; padding-top:40px !important; height:300px !important;}
#sermonflow .itemlist .sermonflow .itemlist{ height:130px !important;  overflow:auto;}



Standard HTML Part II

The following code should go in page content where you have an area at least 800px wide.


<div id=”sermonflow” style=”min-width: 800px;padding:10px;”></div>