Hi,

What is your suggestion for the best method to add a Google PlusOne-Button to the bottom of pages so that it is in-line with the twitter & Facebook buttons?

The source code Google provides is...
<!-- Place this tag where you want the +1 button to render -->
<g:plusone annotation="inline"></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>

Thanks

Hi Joe A,

Thanks, it does help a lot... thanks for the pointer.

Phill

Good morning guys,

Well after some writing and re-writing I have all the Social Bookmarks in place at the bottom of the Layout Master page.  I still have a minor alignment issue.  The icons are all on the same line in the footer but are slightly up or down from each other.

Code to insert into Layout.Master file immediately after <div class="art-footer-text"> (you will have to change web site addresses and mail addresses where necessary)

<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>
<a class="fb-like" data-send="true" data-width="250" data-show-faces="false"></a>

<script type="text/javascript">
(function () {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<!-- Compact Button -->
<a class="DiggThisButton DiggCompact"></a>

<!-- Place this tag where you want the +1 button to render -->
<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>

<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="SquireDude" data-related="YachtLog">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>

<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="right" data-url="http://www.YachtLogSoftware.com"></script>

<img src="http://www.delicious.com/static/img/delicious.small.gif" height="10" width="10" alt="Delicious" />
<a href="http://www.delicious.com/save" onclick="window.open('http://www.delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'delicious','toolbar=no,width=550,height=550'); return false;">Delicious Bookmark</a>

<hr />

Hope this helps others...

Thanks