Facebook button test

https://twitter.com/intent/tweet?text=http://waterheatertimer.org/Circuit-breakers.html
HHHHHHHHHHHHHHHHHH

http://www.quackit.com/javascript/examples/sample_popup.cfm
javascript:newPopup('https://twitter.com/intent/tweet?text=http://waterheatertimer.org/Circuit-breakers.html');

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII

GGGGGGGGGGGGGGGGGGG

This one is GOOD

BBBBBBBBBBBBBBBBBBBBBBB
This one is GOOD

JavaScript:newPopup('https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwaterheatertimer.org/Circuit-breakers.html');
javascript:newPopup('https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwaterheatertimer.org/Circuit-breakers.html');
JavaScript:newPopup('https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwaterheatertimer.org/Circuit-breakers.html');

AAAAAAAAAAAAAAAAAAAAAAA

<script type="text/javascript">
// Popup window code
function newPopup(url) {
popupWindow = window.open(
url,'popUpWindow','height=300,width=400,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
</script>
<h4><a
href="JavaScript:newPopup('http://www.quackit.com/javascript/examples/sample_popup.cfm');">Open
a popup window</a></h4>
http://www.quackit.com/javascript/examples/sample_popup.cfm

BBBBBBBBBBBBBBBBBBBBBBB
Image:

https://developers.facebook.com/docs/plugins/like-button

Their sample of meta property filled out
<meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

Their sample of generic meta property
<meta property="og:url"           content="http://www.your-domain.com/your-page.html" />
    <meta property="og:type"          content="website" />
    <meta property="og:title"         content="Your Website Title" />
    <meta property="og:description"   content="Your description" />
    <meta property="og:image"         content="http://www.your-domain.com/path/image.jpg" />

My meta properties for circuit breakers page/ added Sept 2015
<meta property="og:url"           content="http://waterheatertimer.org/Circuit-breakers.html" />
    <meta property="og:type"          content="website" />
    <meta property="og:title"         content="Circuit breakers" />
    <meta property="og:description"   content="Photos of different types of circuit breakers" />
    <meta property="og:image"         content="http://waterheatertimer.org/images/circuit-breaker-4-500.jpg" />

What I added???
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg">
<meta property="og:image:secure_url"    content="https://secure.example.com/ogp.jpg">
<meta property="og:image" content="href="http://waterheatertimer.org/images/circuit-breaker-4-500.jpg="">

The properties include descriptive meta-data about the article that we specifically want to present when someone shares the article.

TWITTER
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@site_username">
<meta name="twitter:title" content="Top 10 Things Ever">
<meta name="twitter:description" content="Up than 200 characters.">
<meta name="twitter:creator" content="@creator_username">
<meta name="twitter:image:src" content="http://placekitten.com/250/250">
<meta name="twitter:domain" content="YourDomain.com">

Open a popup window facebook

Open a popup window twitter