<div>
<a href="https://filedb.experts-exchange.com/incoming/2014/01_w01/826389/social-netowrk-button.html" target="_blank" class="file-inline" title="Social media buttons 2 (1 KB)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M67.508 468.467c-58.005-58.013-58.016-151.92 0-209.943l225.011-225.04c44.643-44.645 117.279-44.645 161.92 0 44.743 44.749 44.753 117.186 0 161.944l-189.465 189.49c-31.41 31.413-82.518 31.412-113.926.001-31.479-31.482-31.49-82.453 0-113.944L311.51 110.491c4.687-4.687 12.286-4.687 16.972 0l16.967 16.971c4.685 4.686 4.685 12.283 0 16.969L184.983 304.917c-12.724 12.724-12.73 33.328 0 46.058 12.696 12.697 33.356 12.699 46.054-.001l189.465-189.489c25.987-25.989 25.994-68.06.001-94.056-25.931-25.934-68.119-25.932-94.049 0l-225.01 225.039c-39.249 39.252-39.258 102.795-.001 142.057 39.285 39.29 102.885 39.287 142.162-.028A739446.174 739446.174 0 0 1 439.497 238.49c4.686-4.687 12.282-4.684 16.969.004l16.967 16.971c4.685 4.686 4.689 12.279.004 16.965a755654.128 755654.128 0 0 0-195.881 195.996c-58.034 58.092-152.004 58.093-210.048.041z"/></svg>social-netowrk-button.html</a>
</div>


social-netowrk-button.html

<div>
Jason,<br />
<br />
Thanks - great explanation (I couldn't have said it better myself ;-) &nbsp;)<br />
<br />
&lt;&lt;&nbsp; (click your attachment above to see it work on EE's server) &gt;&gt;<br />
<br />
Wow! &nbsp;I never would have thought of that.<br />
<br />
&lt;&lt;&nbsp;if the Facebook script is testing for a header response from <a href="http://www.HERPDERP.INSERTURLHERE.com" rel="ugc">www.HERPDERP.INSERTURLHERE.com</a>&nbsp;&gt;&gt;<br />
<br />
Double wow! &nbsp;After my own failed attempts at this, I asked my son to take a stab at it. &nbsp;I didn't notice that he had put what he called LOL code in there. &nbsp;<br />
<br />
As soon as I changed that to a real URL, it worked as an EE attachment -- see the attachment in my last comment. &nbsp; (herp derp.)
</div>


<div>
<div class="content wysiwyg-content">
I'm trying to add social networking buttons to an html page, following the directions here:<br />
<br />
<a href="http://blog.hubspot.com/blog/tabid/6307/bid/29544/The-Ultimate-Cheat-Sheet-for-Creating-Social-Media-Buttons.aspx" rel="ugc">http://blog.hubspot.com/blog/tabid/6307/bid/29544/The-Ultimate-Cheat-Sheet-for-Creating-Social-Media-Buttons.aspx</a><br />
<br />
I've attached the file I created based on that blog and links to developer tools on Facebook and Google Plus.<br />
<br />
I don't have a website set up, so am just opening the HTML file in Internet Explorer.<br />
<br />
The Twitter and Reddit buttons work, bringing up login pages for those sites, but the Facebook and Google Plus buttons don't work.<br />
<br />
Questions:<br />
<br />
1. &nbsp;Am I doing something wrong in the code?<br />
2. &nbsp;Would those buttons work if they were on a real website rather than just my test HTML file?<br />
3. &nbsp;Why do the Twitter and Reddit buttons work when the Facebook and Google Plus buttons don't?<br />
<a href="https://filedb.experts-exchange.com/incoming/2014/01_w01/826340/social-netowrk-button.html" target="_blank" class="file-inline" title="Social Media Buttons (1 KB)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M67.508 468.467c-58.005-58.013-58.016-151.92 0-209.943l225.011-225.04c44.643-44.645 117.279-44.645 161.92 0 44.743 44.749 44.753 117.186 0 161.944l-189.465 189.49c-31.41 31.413-82.518 31.412-113.926.001-31.479-31.482-31.49-82.453 0-113.944L311.51 110.491c4.687-4.687 12.286-4.687 16.972 0l16.967 16.971c4.685 4.686 4.685 12.283 0 16.969L184.983 304.917c-12.724 12.724-12.73 33.328 0 46.058 12.696 12.697 33.356 12.699 46.054-.001l189.465-189.489c25.987-25.989 25.994-68.06.001-94.056-25.931-25.934-68.119-25.932-94.049 0l-225.01 225.039c-39.249 39.252-39.258 102.795-.001 142.057 39.285 39.29 102.885 39.287 142.162-.028A739446.174 739446.174 0 0 1 439.497 238.49c4.686-4.687 12.282-4.684 16.969.004l16.967 16.971c4.685 4.686 4.689 12.279.004 16.965a755654.128 755654.128 0 0 0-195.881 195.996c-58.034 58.092-152.004 58.093-210.048.041z"/></svg>social-netowrk-button.html</a>
</div>
</div>


I'm trying to add social networking buttons to an html page, following the directions here:

http://blog.hubspot.com/blog/tabid/6307/bid/29544/The-Ultimate-Cheat-Sheet-for-Creating-Social-Media-Buttons.aspx

I've attached the file I created based on that blog and links to developer tools on Facebook and Google Plus.

I don't have a website set up, so am just opening the HTML file in Internet Explorer.

The Twitter and Reddit buttons work, bringing up login pages for those sites, but the Facebook and Google Plus buttons don't work.

Questions:

1.  Am I doing something wrong in the code?
2.  Would those buttons work if they were on a real website rather than just my test HTML file?
3.  Why do the Twitter and Reddit buttons work when the Facebook and Google Plus buttons don't?

Social Media Buttons

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

A social networking service is a platform to build social networks or relations among people who share similar interests, activities, backgrounds or real-life connections. A social network service consists of a representation of each user (often a profile), his or her social links, and a variety of additional services such as career services. Social network sites are web-based services that allow individuals to create a public profile, create a list of users with whom to share connections, and view and cross the connections within the system. Social networking sites allow users to share ideas, pictures, posts, activities, events, and interests with people in their network. Other popular services include Google+, LinkedIn, Instagram, Reddit, Pinterest, Vine and Tumblr.

Social Networking

Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.