FamilyLife Today 11-Topic Widget

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

FamilyLife Today 11-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 style="text-align: left; padding-bottom: 10px; margin: 10px auto; padding-left: 0px; width: 600px; padding-right: 0px; clear: both; padding-top: 0px" id="familylifewidget"><noscript></noscript>
<link rel="stylesheet" type="text/css" href="http://flt.gofamilylife.com/widget/css/fltWidget2blue.css" />
<script src="http://flt.gofamilylife.com/widget/js/nestedjsondataset.js" type="text/javascript"></script>
<script src="http://flt.gofamilylife.com/widget/js/SpryDataYQLDataSet.js" type="text/javascript"></script>
<script src="http://flt.gofamilylife.com/widget/js/FLTstationfeedmc2.js" type="text/javascript"></script>
<script src="http://flt.gofamilylife.com/widget/js/SpryTabbedPanels.js" type="text/javascript"></script>
<div id="fltWidget2">
<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 alt="" src="http://flt.gofamilylife.com/widget/images/fltWlogo1.png" align="right" height="70" width="190" /></a> </div>
<!-- end #fltWhead" -->
<div id="flTabbedPanels1" class="VTabbedPanels">
<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>
    <li class="TabbedPanelsTab" tabindex="0" spry:region="ds5b">{title} </li>
    <li class="TabbedPanelsTab" tabindex="0" spry:region="ds6b">{title} </li>

    <li class="TabbedPanelsTab" tabindex="0" spry:region="ds7b">{title} </li>
    <li class="TabbedPanelsTab" tabindex="0" spry:region="ds8b">{title} </li>
    <li class="TabbedPanelsTab" tabindex="0" spry:region="ds9b">{title} </li>
    <li class="TabbedPanelsTab" tabindex="0" spry:region="ds10b">{title} </li>
    <li class="TabbedPanelsTab" tabindex="0" spry:region="ds11b">{title} </li>
</ul>
<div class="TabbedPanelsContentGroup">

<div class="TabbedPanelsContent">
<div class="fltRegion" spry:region="ds1a">
<ul spry:repeatchildren="ds1a">
    <li spry:setrow="ds1a" spry:if="{ds_RowNumber} < 4">» {title} </li>
</ul>
</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 alt="FamilyLife Today" src="{image}" align="left" width="150" />
<p><span class="fltMiniTitle">{title}</span><br />
{description}</p>

<a href="{link}" target="_blank">Go listen to this episode</a> </div>
</div>
<!-- end .TabbedPanelsContent #1 -->
<div class="TabbedPanelsContent">
<div class="fltRegion" spry:region="ds2a">
<ul spry:repeatchildren="ds2a">
    <li spry:setrow="ds2a" spry:if="{ds_RowNumber} < 4">» {title} </li>
</ul>
</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 alt="FamilyLife Today" src="{image}" align="left" width="150" />
<p><span class="fltMiniTitle">{title}</span><br />
{description}</p>
<a href="{link}" target="_blank">Go listen to this episode</a> </div>
</div>
<!-- end .TabbedPanelsContent #2 -->
<div class="TabbedPanelsContent">
<div class="fltRegion" spry:region="ds3a">
<ul spry:repeatchildren="ds3a">
    <li spry:setrow="ds3a" spry:if="{ds_RowNumber} < 4">» {title} </li>

</ul>
</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 alt="FamilyLife Today" src="{image}" align="left" width="150" />
<p><span class="fltMiniTitle">{title}</span><br />
{description}</p>
<a href="{link}" target="_blank">Go listen to this episode</a> </div>
</div>
<!-- end .TabbedPanelsContent #3 -->
<div class="TabbedPanelsContent">
<div class="fltRegion" spry:region="ds4a">

<ul spry:repeatchildren="ds4a">
    <li spry:setrow="ds4a" spry:if="{ds_RowNumber} < 4">» {title} </li>
</ul>
</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 alt="FamilyLife Today" src="{image}" align="left" width="150" />
<p><span class="fltMiniTitle">{title}</span><br />
{description}</p>
<a href="{link}" target="_blank">Go listen to this episode</a> </div>

</div>
<!-- end .TabbedPanelsContent #4 -->
<div class="TabbedPanelsContent">
<div class="fltRegion" spry:region="ds5a">
<ul spry:repeatchildren="ds5a">
    <li spry:setrow="ds5a" spry:if="{ds_RowNumber} < 4">» {title} </li>
</ul>
</div>
<div class="fltMoreTopic" spry:region="ds5b"><a href="{link}" target="_blank">»» Find More on this Topic </a></div>
<div class="fltDetail" spry:detailregion="ds5a"><img alt="FamilyLife Today" src="{image}" align="left" width="150" />
<p><span class="fltMiniTitle">{title}</span><br />

{description}</p>
<a href="{link}" target="_blank">Go listen to this episode</a> </div>
</div>
<!-- end .TabbedPanelsContent #5 -->
<div class="TabbedPanelsContent">
<div class="fltRegion" spry:region="ds6a">
<ul spry:repeatchildren="ds6a">
    <li spry:setrow="ds6a" spry:if="{ds_RowNumber} < 4">» {title} </li>
</ul>
</div>
<div class="fltMoreTopic" spry:region="ds6b"><a href="{link}" target="_blank">»» Find More on this Topic </a></div>

<div class="fltDetail" spry:detailregion="ds6a"><img alt="FamilyLife Today" src="{image}" align="left" width="150" />
<p><span class="fltMiniTitle">{title}</span><br />
{description}</p>
<a href="{link}" target="_blank">Go listen to this episode</a> </div>
</div>
<!-- end .TabbedPanelsContent #6 -->
<div class="TabbedPanelsContent">
<div class="fltRegion" spry:region="ds7a">
<ul spry:repeatchildren="ds7a">
    <li spry:setrow="ds7a" spry:if="{ds_RowNumber} < 4">» {title} </li>

</ul>
</div>
<div class="fltMoreTopic" spry:region="ds7b"><a href="{link}" target="_blank">»» Find More on this Topic </a></div>
<div class="fltDetail" spry:detailregion="ds7a"><img alt="FamilyLife Today" src="{image}" align="left" width="150" />
<p><span class="fltMiniTitle">{title}</span><br />
{description}</p>
<a href="{link}" target="_blank">Go listen to this episode</a> </div>
</div>
<!-- end .TabbedPanelsContent #7 -->
<div class="TabbedPanelsContent">
<div class="fltRegion" spry:region="ds8a">

<ul spry:repeatchildren="ds8a">
    <li spry:setrow="ds8a" spry:if="{ds_RowNumber} < 4">» {title} </li>
</ul>
</div>
<div class="fltMoreTopic" spry:region="ds8b"><a href="{link}" target="_blank">»» Find More on this Topic </a></div>
<div class="fltDetail" spry:detailregion="ds8a"><img alt="FamilyLife Today" src="{image}" align="left" width="150" />
<p><span class="fltMiniTitle">{title}</span><br />
{description}</p>
<a href="{link}" target="_blank">Go listen to this episode</a> </div>

</div>
<!-- end .TabbedPanelsContent #8 -->
<div class="TabbedPanelsContent">
<div class="fltRegion" spry:region="ds9a">
<ul spry:repeatchildren="ds9a">
    <li spry:setrow="ds9a" spry:if="{ds_RowNumber} < 4">» {title} </li>
</ul>
</div>
<div class="fltMoreTopic" spry:region="ds9b"><a href="{link}" target="_blank">»» Find More on this Topic </a></div>
<div class="fltDetail" spry:detailregion="ds9a"><img alt="FamilyLife Today" src="{image}" align="left" width="150" />
<p><span class="fltMiniTitle">{title}</span><br />

{description}</p>
<a href="{link}" target="_blank">Go listen to this episode</a> </div>
</div>
<!-- end .TabbedPanelsContent #9 -->
<div class="TabbedPanelsContent">
<div class="fltRegion" spry:region="ds10a">
<ul spry:repeatchildren="ds10a">
    <li spry:setrow="ds10a" spry:if="{ds_RowNumber} < 4">» {title} </li>
</ul>
</div>
<div class="fltMoreTopic" spry:region="ds10b"><a href="{link}" target="_blank">»» Find More on this Topic </a></div>

<div class="fltDetail" spry:detailregion="ds10a"><img alt="FamilyLife Today" src="{image}" align="left" width="150" />
<p><span class="fltMiniTitle">{title}</span><br />
{description}</p>
<a href="{link}" target="_blank">Go listen to this episode</a> </div>
</div>
<!-- end .TabbedPanelsContent #10 -->
<div class="TabbedPanelsContent">
<div class="fltRegion" spry:region="ds11a">
<ul spry:repeatchildren="ds11a">
    <li spry:setrow="ds11a" spry:if="{ds_RowNumber} < 4">» {title} </li>

</ul>
</div>
<div class="fltMoreTopic" spry:region="ds11b"><a href="{link}" target="_blank">»» Find More on this Topic </a></div>
<div class="fltDetail" spry:detailregion="ds11a"><img alt="FamilyLife Today" src="{image}" align="left" width="150" />
<p><span class="fltMiniTitle">{title}</span><br />
{description}</p>
<a href="{link}" target="_blank">Go listen to this episode</a> </div>
</div>
<!-- end .TabbedPanelsContent #11 --></div>
<!-- end .TabbedPanelsContentGroup --></div>
<!-- end #flTabbedPanels1 .VTabbedPanels -->

<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("flTabbedPanels1");
</script>
<div id="fltWfoot"></div>
</div>
<!-- end #fltWidget2 --></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.