YouVersion Search Widget

Add a YouVersion search form to your website

Copy the code under the search form and paste it within your own site's HTML code.

Elastic Version

<div style="background:#dfedcc;border:3px solid #c2d9a5;text-align:center;font-family:arial, verdana, sans-serif;padding-bottom:10px">
<form target="_blank" action="http://www.youversion.com/results.php" method="post">
<h4 style="margin:0;padding:5px;font-weight:normal;background:#c2d9a5;margin-bottom:10px;font-size:16px;">Search the Bible</h4>
<input type="text" name="s2" style="width:150px" />
<input type="submit" value="Go" style="width:45px;" />
<a style="display:block;margin:10px;" href="http://www.youversion.com/" title="A revolutionary online Bible"><img src="http://www.youversion.com/img/YVBanner_65Hx200W.gif" alt="YouVersion.com" border="0" /></a>
<a href="http://www.youversion.com/searchwidget.php" style="color:#f60;font-size:11px;">Add this form to your site</a>
</form>
</div>

Fixed width (250 pixels wide)

<div style="width:250px;background:#dfedcc;border:3px solid #c2d9a5;text-align:center;font-family:arial, verdana, sans-serif;padding-bottom:10px">
<form target="_blank" action="http://www.youversion.com/results.php" method="post">
<h4 style="margin:0;padding:5px;font-weight:normal;background:#c2d9a5;margin-bottom:10px;font-size:16px;">Search the Bible</h4>
<input type="text" name="s2" style="width:150px;" />
<input type="submit" value="Go" style="width:45px;" />
<a style="display:block;margin:10px;" href="http://www.youversion.com/" title="A revolutionary online Bible"><img src="http://www.youversion.com/img/YVBanner_65Hx200W.gif" alt="YouVersion.com" border="0" /></a>
<a href="http://www.youversion.com/searchwidget.php" style="color:#f60;font-size:11px;">Add this form to your site</a>
</form>
</div>

Fixed width (125 pixels wide)

<div style="width:125px;background:#dfedcc;border:3px solid #c2d9a5;text-align:center;font-family:arial, verdana, sans-serif;padding-bottom:10px">
<form target="_blank" action="http://www.youversion.com/results.php" method="post">
<h4 style="margin:0;padding:5px;font-weight:normal;background:#c2d9a5;margin-bottom:10px;font-size:14px;">Search the Bible</h4>
<input type="text" name="s2" style="width:75px;" />
<input type="submit" value="Go"  />
<a  style="display:block;margin:10px 0;" href="http://www.youversion.com" title="A revolutionary online Bible"><img src="http://www.youversion.com/img/YVBanner_17Hx100W.gif" height="17" width="100" alt="YouVersion" border="0" style="padding:2px;background:#eee;border:2px solid #c2d9a5" /></a>
<a href="http://www.youversion.com/searchwidget.php" style="color:#f60;font-size:11px;">Add this form <br />to your site</a>
</form>
</div>