You are here:   Home
Register   |  Login

Internet Handholding Newsletter

Minimize

Internet Handholding(tm)

Minimize

Thoughts on the Internet, computers, networking and life.

Articles

See the articles page for articles.

Sign Up for the Internet Handholding Newsletter Now

Stimulate your creative thinking. Avoid the suffering of others.

Know More, Read Less

Let us do your reading for you.

Stay informed about the Internet, networking, computers, software, domain names, websites, email, online marketing, DotNetNuke and programming Asp.net, Sql, Css and Html.

We read countless articles on everything Internet and computer related. We distill down the important, interesting and fun information into a manageable amount to keep you in touch and entertained.

Be the smartest person in your field on what is happening with the Internet and computers and how they can help your.

Enter your name and email in the form at left.

Introduction to Internet Handholding

Browse through the articles and forum for information on the Internet, computers, email, online marketing, software and more.

Look through the link directories for resources to solve your problems.

Articles

Minimize

Current Articles | Archives | Search

Monday, November 21, 2011
Add Google Plus One (+1) and Facebook Like Button to Your Website
By Internet Handholding @ 2:31 PM :: 560 Views :: 1 Comments :: Article Rating :: Internet Marketing
 

Here is some code for adding both Google Plus One and Facebook Like Button to your website. You will need to change the code in one place below to replace "www.mydomain.com" with your domain name. Otherwise, you should be able to cut and paste.

<div style="margin-left:2em;">
<p>Please let others know about us.</p>
<table border="0" cellspacing="0">
<tr valign="middle">
<td>
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
  var po = document.createElement('script');
  po.type = 'text/javascript';
  po.async = true; 
  po.src = 'https://apis.google.com/js/plusone.js'; 
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(po, s);
  }
)();
</script>
</td>
<td>
<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>
<div class="fb-like"
 data-show-faces="true"
 data-width="450"
 data-send="true"
 data-href="www.mydomain.com"
 data-layout="button_count"></div>
</td>
</tr></table>
</div>

This code formats the Google Plus One and Facebook Like and Send buttons nicely on one line, using a TABLE tag, because the code here for Google Plus One uses its own line.

You can customize the code by going to the Facebook and Google customization pages.

Facebook Like Button
http://developers.facebook.com/docs/reference/plugins/like/

Google Plus One Button
http://www.google.com/webmasters/+1/button/

Rating
Comments
comment By si @ Monday, March 19, 2012 6:59 PM
Thabks for that - worked a treat !

Name (required)

Email (required)

Website

Enter the code shown above in the box below

Code for this Page

Minimize

Visit here to see the DotNetNuke Ventrian Articles module List Item formatting code used for this page.

Internet and Computer Tips

Minimize



Internet Marketing Bookmark

Minimize

AddToAny.com AddThis.com