Blog

Codes, snippets, tips and tricks for web designers using Adobe Business Catalyst, jQuery, CSS3, HTML5 and Respsonsive Design.

How to add Google Plus button to multiple posts in your blog on Business Catalyst.

Fabrizio Michels - Tuesday, August 23, 2011

To add the google plus to every single post on your list layout you have to use the 'href' attribute to indicate the URL to be +1'd.

To do this, just log into admin area of your site, go to [Blog], [Advanced Layout Customization], [Blog Post List Layout] and paste the following code:

Place this tag where you want the +1 button to render
<g:plusone href="{ tag_itemurl_withhost}">

You need to use the tag { tag_itemurl_withhost} to set the right URL of the post. Easy.

And in your blog template please add this little code:

 
<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>

*Please note you need to remove the first blank space of the { tag_itemurl_withhost}

Comments
Derain commented on 12-Sep-2011 02:42 AM
we see google+ votes is one of the top social stuff but here is also many site like that gplusvotes.com now its time to see their activities and how much they will satisfy us with their performance. will come here to see your reply, thanks.