Pin these badges on your MySpace page, website, or blog. Better yet, create your own badge and send it to benji@appvoices.org. We’ll review it and “pin” it on this page.

NOTE - Try the iframe code first. If the code doesn’t work (myspace etc.) use the code in the second box. If both sets of badge code fail on your site, try one of the badges from this page.

Try the code in first box initially. If the code in the first box doesn’t work, try the expanded code in the second box.

<iframe src="http://ilovemountains.org/webbadges/badge1.html" width=350px height=475px align=center frameborder=0 scrolling=no></iframe>

<table cellspacing="5"><tr><td><div style="position:relative; width:300px; height:400px; background-image: url(http://www.ilovemountains.org/images/connection_badge/ConnectionBadge4.gif); -adbe-g:p;"><div style="position:absolute; top:325px; left:0px; width:300px; height:20px; -adbe-c:c"><form id="zip" action="http://www.ilovemountains.org/mc/show_connection.php" method="get" name="zip" target="_blank"><table align="center"><tr><td><input type="text" name="zip" size="5" maxlength="5" />&nbsp;&nbsp;&nbsp;&nbsp;</td><td><input type="image" border="0" src="http://www.ilovemountains.org/images/connection_badge/submit_button.jpg" alt="Show Your Connection" /></td></tr></table></form></div></div></td></tr><tr><td align="center"><a href="http://www.ilovemountains.org/mc/take_action.php#badges">Pin this badge on your site.</a></td></tr></table>

Try the code in first box initially. If the code in the first box doesn’t work, try the expanded code in the second box.

<iframe src="http://ilovemountains.org/webbadges/badge2.html" width=325px height=200px align=center frameborder=0 scrolling=no></iframe>

<table border="0" cellspacing="5"><tr><td><div style="position:relative; width:200px; height:133px; background-image: url(http://www.ilovemountains.org/images/connection_badge/are_you_connected.gif); -adbe-g:p;"><form id="zip" action="http://www.ilovemountains.org/mc/show_connection.php" method="get" name="zip" target="_blank"><div style="position:absolute; top:104px; left:9px; -adbe-c:c"><input type="text" name="zip" value=" Zip" onfocus="this.value='';" size="5" maxlength="5" /></div><div style="position:absolute; top:114px; left:107px; width:200px; height:20px; -adbe-c:c"><input type="image" border="0" src="http://www.ilovemountains.org/images/connection_badge/show_connection_2.png" alt="Show Your Connection" /></div></form></div></td></tr><tr><td align="center"><a href="http://www.ilovemountains.org/mc/take_action.php#badges">Pin this badge on your site.</a></td></tr></table>

Try the code in first box initially. If the code in the first box doesn’t work, try the expanded code in the second box.

<iframe src="http://ilovemountains.org/webbadges/badge3.html" width=325px height=250px align=center frameborder=0 scrolling=no></iframe>

<table border="0" cellspacing="5"><tr><td><div style="position:relative; width:200px; height:150px; background-image: url(http://www.ilovemountains.org/images/connection_badge/electric_earth_200_150.gif); -adbe-g:p;"><form id="zip" action="http://www.ilovemountains.org/mc/show_connection.php" method="get" name="zip" target="_blank"><div style="position:absolute; top:122px; left:17px; -adbe-c:c"><input type="text" name="zip" value=" Zip" onfocus="this.value='';" size="5" maxlength="5" /></div><div style="position:absolute; top:109px; left:111px; width:200px; height:20px; -adbe-c:c"><input type="image" border="0" src="http://www.ilovemountains.org/images/connection_badge/earth_200_150_button.gif" alt="Show Your Connection" /></div></form></div></td></tr><tr><td align="center"></td></tr><tr><td align="center"><a href="http://www.ilovemountains.org/mc/take_action.php#badges">Pin this badge on your site.</a></td></tr></table>

Try the code in first box initially. If the code in the first box doesn’t work, try the expanded code in the second box.

<iframe src="http://ilovemountains.org/webbadges/badge4.html" width=350px height=250px align=center frameborder=0 scrolling=no></iframe>

<table border="0" cellspacing="5"><tr><td><div style="position:relative; width:200px; height:150px; background-image: url(http://www.ilovemountains.org/images/connection_badge/470_mtn_blue_200_150.gif); -adbe-g:p;"><form id="zip" action="http://www.ilovemountains.org/mc/show_connection.php" method="get" name="zip" target="_blank"><div style="position:absolute; top:122px; left:17px; -adbe-c:c"><input type="text" name="zip" value=" Zip" onfocus="this.value='';" size="5" maxlength="5" /></div><div style="position:absolute; top:130px; left:111px; width:200px; height:20px; -adbe-c:c"><input type="image" border="0" src="http://www.ilovemountains.org/images/connection_badge/find_out_button_200_150.gif" alt="Show Your Connection" /></div></form></div></td></tr><tr><td align="center"><a href="http://www.ilovemountains.org/mc/take_action.php#badges">Pin this badge on your site.</a></td></tr></table>

Try the code in first box initially. If the code in the first box doesn’t work, try the expanded code in the second box.

<iframe src="http://ilovemountains.org/webbadges/badge5.html" width=275px height=200px align=center frameborder=0 scrolling=no></iframe>

<table border="0" cellspacing="5"><tr><td><div style="position:relative; width:100px; height:75px; background-image: url(http://www.ilovemountains.org/images/connection_badge/470_mtn_100_75.gif); -adbe-g:p;"><form id="zip" action="http://www.ilovemountains.org/mc/show_connection.php" method="get" name="zip" target="_blank"><div style="position:absolute; top:51px; left:2px; -adbe-c:c"><input type="text" name="zip" value=" Zip" onfocus="this.value='';" size="5" maxlength="5" /></div><div style="position:absolute; top:65px; left:55px; width:200px; height:20px; -adbe-c:c"><input type="image" border="0" src="http://www.ilovemountains.org/images/connection_badge/find_out_100_75_button.gif" alt="Show Your Connection" /></div></form></div></td></tr><tr><td align="center"><a href="http://www.ilovemountains.org/mc/take_action.php#badges">Pin this badge on your site.</a></td></tr></table>