Trails NH | Trail Conditions Search Widget

Trail Conditions Search Widget

The TrailsNH Search Widget is a new feature you can add to your blog or website for searching trail conditions. It looks like this box below.
When you enter a place name and press "Find" the widget opens the TrailsNH trail conditions map at the location you are interested in.

Trail Conditions Search

If your blog is on Blogger, you can add the Trail Conditions Search widget to your sidebar by clicking this Add button.
Blogger will give you instructions on the next page.

Or, You can add the widget to your blog (or website) with the code below.
Just copy and paste the code into an HTML widget (or paste the code into your website).
The styles are embedded so you can adjust the look to match your site.

<style type="text/css" title="TrailsNH-Styles">
 #TrailsNHSearchWidget {}
 .TrailsNH .inside {margin: 0px}
 .TrailsNH h2 {}
 .TrailsNH {margin: 0 0 4px; width: 100%;}
 .TrailsNH table {border-spacing: 0; width: 100%;}
 .TrailsNH table tr {margin-bottom: 2px;}
 .TrailsNH input {width: 99%;}
 .TrailsNH input[type=submit] {margin-left: 2px;}
 .TrailsNH input[type=text] {border: 1px solid #BCCDF0;}
 .TrailsNH .tright {text-align:right}
 .TrailsNH a {text-decoration:none; font-weight:600; color:black}
 .TrailsNH a:hover {text-decoration:underline;}	
</style>
<div id="TrailsNHSearchWidget" class="TrailsNH">
 <div class="inside">
 <h2 class="title">Trail Conditions Search</h2>
  <form class="TNHsearch" accept-charset="utf-8" action="http://TrailsNH.com/" method="GET" target="_blank" >
   <table cellspacing="0" cellpadding="0"> <tr>
   <td><input type="text" autocomplete="off" name="find" title="find" /></td>
   <td><input type="submit" value="Find" title="Find" /></td>
   </tr> <tr>
   <td colspan=2 class="tright">powered by <a href="http://TrailsNH.com/" target="_blank">TrailsNH.com</a></td>
   </tr> </table>
  </form>
 </div>
</div>