Adding a Google PlusOne-Button

If you have questions about using mojoPortal, you can post them here.

You may want to first review our site administration documentation to see if your question is answered there.

This thread is closed to new posts. You must sign in to post in the forums.
10/21/2011 10:29:53 AM
Gravatar
Total Posts 383
Thanks Squire Dude

Re: Adding a Google PlusOne-Button

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

You must sign in to post in the forums. This thread is closed to new posts.