Showing posts with label tools. Show all posts
Showing posts with label tools. Show all posts

Sunday, January 20, 2013

Facebook Like Boxes

Did you know that you can show who liked you on Facebook with a simple widget called the "like box?" Unfortunately, this is only available for Facebook Pages, which really sucks. All you need to do is enter some data at http://developers.facebook.com/docs/reference/plugins/like-box/ and click get code. Make sure the FB Javascript SDK is included:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Then you have the code they generated for you:
<div class="fb-like-box" data-href="http://www.facebook.com/pages/Fireburst/269394286467409?ref=hl" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>

Wednesday, January 2, 2013

Make a Maping Application

Have you ever wondered if you could make a mapping app? Its easy: just looking at the source for Fireburst Maps give you the complete code. Just paste this where you want the maps to appear: 
<div id="I30_html"><table width="98%" align=center cellpadding=4 cellspacing=0 bgcolor="#eeeeee" class=shadetabs1><tr><td><font face=arial size=3 class=fontsize2><img src="http://20searchengines.com/images/directions.gif" height=16 width=16 border=0 align=absmiddle></font></td><td valign=middle width="99%"><font face=arial size=3 class=fontsize2><B>Driving Directions</B></font></td><td align=right nowrap><font face=arial size=1 class=fontsize1>Powered By <a href="http://fireburstmaps.yolasite.com">Fireburst Maps</a></font></td></tr></table><table width="85%" bgcolor="#FFFFFF" align=center border=0 cellpadding=6 cellspacing=6><tr><td align=center><form action="http://www.20searchengines.com/texis/open/asb3" target="_blank"><table bgcolor="#FFFFFF" width="100%" border=0 cellpadding=1 cellspacing=1 class=shadetabs3><tr><td colspan=2 align=center><table width="100%" border=0 cellpadding=4 cellspacing=0 bgcolor="#EEEEEE" class=shadetabs4><tr><td align=left><font face=arial size=3 class=fontsize2><B>&nbsp;Departure / Start Address:</B></font></td></tr></table></td></tr><tr><td colspan=2><table bgcolor="#FFFFFF" width="50%" border=0 cellpadding=3 cellspacing=0><tr><td align=left valign=middle><font face=arial size=3 class=fontsize2>Street:</font></td><td align=left><input type="text" size="35" name="street1" value="" maxlength="60" class=tool></td></tr><tr><td align=left valign=middle><font face=arial size=3 class=fontsize2>City:</font></td><td align=left><input type="text" size="35" name="city1" value="" maxlength="60" class=tool></td></tr><tr><td align=left valign=middle><font face=arial size=3 class=fontsize2>State/Province:</font></td><td align=left><select name=state1 size=1 class=tool>
<option value="">Select a State:</option>
<option value="al">Alabama </option>
<option value="ak">Alaska</option>
<option value="az">Arizona </option>
<option value="ar">Arkansas </option>
<option value="ca">California </option>
<option value="co">Colorado </option>
<option value="ct">Connecticut </option>
<option value="de">Delaware </option>
<option value="dc">District of Columbia </option>
<option value="fl">Florida </option>
<option value="ga">Georgia </option>
<option value="hi">Hawaii </option>
<option value="id">Idaho </option>
<option value="il">Illinois </option>
<option value="in">Indiana </option>
<option value="ia">Iowa </option>
<option value="ks">Kansas </option>
<option value="ky">Kentucky </option>
<option value="la">Louisiana </option>
<option value="me">Maine </option>
<option value="md">Maryland </option>
<option value="ma">Massachusetts </option>
<option value="mi">Michigan</option>
<option value="mn">Minnesota </option>
<option value="ms">Mississippi </option>
<option value="mo">Missouri </option>
<option value="mt">Montana </option>
<option value="ne">Nebraska </option>
<option value="nv">Nevada </option>
<option value="nh">New Hampshire </option>
<option value="nj">New Jersey </option>
<option value="nm">New Mexico </option>
<option value="ny">New York </option>
<option value="nc">North Carolina </option>
<option value="nd">North Dakota </option>
<option value="oh">Ohio </option>
<option value="ok">Oklahoma </option>
<option value="or">Oregon </option>
<option value="pa">Pennsylvania </option>
<option value="ri">Rhode Island </option>
<option value="sc">South Carolina </option>
<option value="sd">South Dakota </option>
<option value="tn">Tennessee </option>
<option value="tx">Texas </option>
<option value="ut">Utah </option>
<option value="vt">Vermont </option>
<option value="va">Virginia </option>
<option value="wa">Washington </option>
<option value="wv">West Virginia </option>
<option value="wi">Wisconsin </option>
<option value="wy">Wyoming</option>
</select></td></tr><tr><td align=left valign=middle nowrap><font face=arial size=3 class=fontsize2>ZIP/Postal Code:</font></td><td align=left><input type="text" size="5" name="zip1" value="" maxlength="10" class=tool></td></tr></table></td></tr><tr><td colspan=2 align=center><table width="100%" border=0 cellpadding=4 cellspacing=0 bgcolor="#EEEEEE" class=shadetabs4><tr><td align=left><font face=arial size=3 class=fontsize2><B>&nbsp;Destination / End Address:</B></font></td></tr></table></td></tr><tr><td colspan=2><table bgcolor="#FFFFFF" width="50%" border=0 cellpadding=3 cellspacing=0><tr><td align=left valign=middle><font face=arial size=3 class=fontsize2>Street:</font></td><td align=left><input type="text" size="35" name="street2" value="" maxlength="60" class=tool></td></tr><tr><td align=left valign=middle><font face=arial size=3 class=fontsize2>City:</font></td><td align=left><input type="text" size="35" name="city2" value="" maxlength="60" class=tool></td></tr><tr><td align=left valign=middle><font face=arial size=3 class=fontsize2>State/Province:</font></td><td align=left><select name=state2 size=1 class=tool>
<option value="">Select a State:</option>
<option value="al">Alabama </option>
<option value="ak">Alaska</option>
<option value="az">Arizona </option>
<option value="ar">Arkansas </option>
<option value="ca">California </option>
<option value="co">Colorado </option>
<option value="ct">Connecticut </option>
<option value="de">Delaware </option>
<option value="dc">District of Columbia </option>
<option value="fl">Florida </option>
<option value="ga">Georgia </option>
<option value="hi">Hawaii </option>
<option value="id">Idaho </option>
<option value="il">Illinois </option>
<option value="in">Indiana </option>
<option value="ia">Iowa </option>
<option value="ks">Kansas </option>
<option value="ky">Kentucky </option>
<option value="la">Louisiana </option>
<option value="me">Maine </option>
<option value="md">Maryland </option>
<option value="ma">Massachusetts </option>
<option value="mi">Michigan</option>
<option value="mn">Minnesota </option>
<option value="ms">Mississippi </option>
<option value="mo">Missouri </option>
<option value="mt">Montana </option>
<option value="ne">Nebraska </option>
<option value="nv">Nevada </option>
<option value="nh">New Hampshire </option>
<option value="nj">New Jersey </option>
<option value="nm">New Mexico </option>
<option value="ny">New York </option>
<option value="nc">North Carolina </option>
<option value="nd">North Dakota </option>
<option value="oh">Ohio </option>
<option value="ok">Oklahoma </option>
<option value="or">Oregon </option>
<option value="pa">Pennsylvania </option>
<option value="ri">Rhode Island </option>
<option value="sc">South Carolina </option>
<option value="sd">South Dakota </option>
<option value="tn">Tennessee </option>
<option value="tx">Texas </option>
<option value="ut">Utah </option>
<option value="vt">Vermont </option>
<option value="va">Virginia </option>
<option value="wa">Washington </option>
<option value="wv">West Virginia </option>
<option value="wi">Wisconsin </option>
<option value="wy">Wyoming</option>
</select></td></tr><tr><td align=left valign=middle nowrap><font face=arial size=3 class=fontsize2>ZIP/Postal Code:</font></td><td align=left><input type="text" size="5" name="zip2" value="" maxlength="10" class=tool></td></tr></table></td></tr><tr><td colspan=2 align=center><table width="100%" border=0 cellpadding=4 cellspacing=0 bgcolor="#EEEEEE" class=shadetabs4><tr><td align=left><font face=arial size=3 class=fontsize2><B>&nbsp;Driving Directions Provider:</B></font></td></tr></table></td></tr><tr><td colspan=2><table bgcolor="#FFFFFF" width="50%" border=0 cellpadding=3 cellspacing=0><tr><td nowrap align=left valign=middle><font face=arial size=3 class=fontsize2>Directions From:</font></td><td align=left><SELECT NAME="p" class=tool><option value="googledrive">Google Maps</option><option value="mapquestdrive" selected>MapQuest</option><option value="yahoodrive">Yahoo! Maps</option></SELECT></td></tr></table></td></tr><tr><td valign=middle><BR>&nbsp;<input type="submit" name="Search" value=" Get Driving Directions " class=tool><BR><BR></td></tr></table></FORM></td></tr></table>

</div>


The maps are very convenient and useful. 
Driving DirectionsPowered By 20 Search Engines
 Departure / Start Address:
Street:
City:
State/Province:
ZIP/Postal Code:
 Destination / End Address:
Street:
City:
State/Province:
ZIP/Postal Code:
 Driving Directions Provider:
Directions From: