FamilyLife Today 4-Topic Widget

« Back to Browse Home / Audio / FamilyLife Today 4-Topic Widget

FamilyLife Today 4-Topic Widget

Now you can help visitors to your website by hosting a library of the best programs from FamilyLife Today. The Topical Audio Library Widget is available in two sizes: a 4-category widget and a larger, 11-category widget. When someone clicks the "Go listen to this episode" button, a new window pops up that takes them to the FamilyLife Today Topical Audio Library. There they can listen to the program, or download the mp3 or transcript.

Click image above to preview the widget.

Get Widget

<div style="text-align:center;"><!-- Begin FamilyLife Widget -->
<div id="familylifewidget" style="width: 530px; margin: 10px auto; padding: 0px 0px 10px 0px; text-align: left; clear: both;">
<noscript><h3>This widget requires JavaScript.  Please enable JavaScript in your browser and reload this page.</h3></noscript>
<link href="http://flt.gofamilylife.com/widget/css/fltWidget1green.css" rel="stylesheet" type="text/css" />
<script src="http://flt.gofamilylife.com/widget/js/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="http://flt.gofamilylife.com/widget/js/nestedjsondataset.js"></script>
<script src="http://flt.gofamilylife.com/widget/js/SpryDataYQLDataSet.js"></script>
<script src="http://flt.gofamilylife.com/widget/js/FLTstationfeedmc2.js"></script>
<div id="fltWidget1">
<div id="fltWhead"> <a href="http://www.familylife.com/site/c.dnJHKLNnFoG/b.6235823/k.809F/FamilyLife_Today.htm?utm_campaign=RAD&utm_medium=widget&utm_source=AUD&utm_content=Logo-Image"><img src="http://flt.gofamilylife.com/widget/images/fltWlogo1.png" width="190" height="70" align="right" /></a>
</div><!-- end #fltWhead" -->
<div id="flTabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0" spry:region="ds1b">{title}</li>
    <li class="TabbedPanelsTab" tabindex="0" spry:region="ds2b">{title}</li>
    <li class="TabbedPanelsTab" tabindex="0" spry:region="ds3b">{title}</li>
	<li class="TabbedPanelsTab" tabindex="0" spry:region="ds4b">{title}</li>
</ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">
      <div class="fltRegion" spry:region="ds1a">
        <div spry:repeat="ds1a" spry:test="{ds_RowID} < 4" spry:choose="choose">
        	<div class="MasterColumn" spry:when="{ds_RowID} == {ds_CurrentRowID}" spry:select="MasterColumnSelected" spry:selectgroup="master" spry:selected="MasterColumnSelected" spry:hover="MasterColumnHover" spry:setrow="ds1a">» {title}</div>
            <div class="MasterColumn" spry:default="default" spry:select="MasterColumnSelected" spry:selectgroup="master" spry:hover="MasterColumnHover" spry:setrow="ds1a">» {title}</div>
        </div>
      </div>
      <div class="fltMoreTopic" spry:region="ds1b">
      	<a href="{link}" target="_blank">»» Find More on this Topic </a>
      </div>
    <div class="fltDetail" spry:detailregion="ds1a">
        <img src="http://flt.gofamilylife.com/widget/images/communication1.png" align="left" width="150" alt="Communication" />
    	<p><span class="fltMiniTitle">{title}</span><br/>{description}</p>
        <a href="{link}" target="_blank">Go listen to this episode</a>
    </div>
    </div>
    <div class="TabbedPanelsContent">
      <div class="fltRegion" spry:region="ds2a">
        <div spry:repeat="ds2a" spry:test="{ds_RowID} < 4" spry:choose="choose">
        	<div class="MasterColumn" spry:when="{ds_RowID} == {ds_CurrentRowID}" spry:select="MasterColumnSelected" spry:selectgroup="master" spry:selected="MasterColumnSelected" spry:hover="MasterColumnHover" spry:setrow="ds2a">» {title}</div>
            <div class="MasterColumn" spry:default="default" spry:select="MasterColumnSelected" spry:selectgroup="master" spry:hover="MasterColumnHover" spry:setrow="ds2a">» {title}</div>
        </div>
      </div>
      <div class="fltMoreTopic" spry:region="ds2b">
      	<a href="{link}" target="_blank">»» Find More on this Topic </a>
      </div>
    <div class="fltDetail" spry:detailregion="ds2a">
    	<img src="http://flt.gofamilylife.com/widget/images/romance1.png" align="left" width="150" alt="Romance and Intimacy" /><p><span class="fltMiniTitle">{title}</span><br/>{description}</p>
        <a href="{link}" target="_blank">Go listen to this episode</a>
    </div>
    </div>
    <div class="TabbedPanelsContent">
      <div class="fltRegion" spry:region="ds3a">
        <div spry:repeat="ds3a" spry:test="{ds_RowID} < 4" spry:choose="choose">
        	<div class="MasterColumn" spry:when="{ds_RowID} == {ds_CurrentRowID}" spry:select="MasterColumnSelected" spry:selectgroup="master" spry:selected="MasterColumnSelected" spry:hover="MasterColumnHover" spry:setrow="ds3a">» {title}</div>
            <div class="MasterColumn" spry:default="default" spry:select="MasterColumnSelected" spry:selectgroup="master" spry:hover="MasterColumnHover" spry:setrow="ds3a">» {title}</div>
        </div>
      </div>
      <div class="fltMoreTopic" spry:region="ds3b">
      	<a href="{link}" target="_blank">»» Find More on this Topic </a>
      </div>
    <div class="fltDetail" spry:detailregion="ds3a">
    	<img src="http://flt.gofamilylife.com/widget/images/parenting1.png" align="left" width="150" alt="Raising Kids" /><p><span class="fltMiniTitle">{title}</span><br/>{description}</p>
        <a href="{link}" target="_blank">Go listen to this episode</a>
    </div>
    </div>
    <div class="TabbedPanelsContent">
      <div class="fltRegion" spry:region="ds4a">
        <div spry:repeat="ds4a" spry:test="{ds_RowID} < 4" spry:choose="choose">
        	<div class="MasterColumn" spry:when="{ds_RowID} == {ds_CurrentRowID}" spry:select="MasterColumnSelected" spry:selectgroup="master" spry:selected="MasterColumnSelected" spry:hover="MasterColumnHover" spry:setrow="ds4a">» {title}</div>
            <div class="MasterColumn" spry:default="default" spry:select="MasterColumnSelected" spry:selectgroup="master" spry:hover="MasterColumnHover" spry:setrow="ds4a">» {title}</div>
        </div>
      </div>
      <div class="fltMoreTopic" spry:region="ds4b">
      	<a href="{link}" target="_blank">»» Find More on this Topic </a>
      </div>
    <div class="fltDetail" spry:detailregion="ds4a">
    	<img src="http://flt.gofamilylife.com/widget/images/Godinmarriage1.png" align="left" width="150" alt="God in Your Marriage" /><p><span class="fltMiniTitle">{title}</span><br/>{description}</p>
        <a href="{link}" target="_blank">Go listen to this episode</a>
    </div>
    </div>
</div>
</div>
<div id="fltWfoot"></div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("flTabbedPanels1");
</script>
</div><!-- end #fltWidget1 -->
</div><!-- end #familylifewidget --><div style="color:#FFFFFF;text-align:center;height:18px;margin-top:3px;"><a href="http://www.lifewidget.com"><img src="http://lifewidget.com/images/powered-by.png" alt="Powered By LifeWidget" style="border: 0;"/></a></div></div>

To Get Widget: Copy and paste the above code to your blog or website.