jQuery Plugin To Display Latest Posts From Google Plus

File Size: 17 KB
Views Total: 519
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Display Latest Posts From Google Plus

A lightweight jQuery plugin used to create a Google+ widget showing the latest posts/activities form any Google plus users.

Requirements:

  • A Google API key from here.
  • Your Google+ user ID.

How to use it:

1. Include the stylesheet google-plus-widget.css in the head section to style the Google Plus widget.

<link rel="stylesheet" href="google-plus-widget.css">

2. Create an empty container in which you want to place the Google Plus widget.

<div id="google-plus-widget-demo"></div>

3. Include jQuery library and the JavaScript file google-plus-widget.js at the bottom of the webpage.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="js/google.plus.widget.js"></script>

4. Insert your own Google API key into the JavaScript:

$.fn.googlePlusWidget.defaults.key = '';

5. Call the function on the DIV container and specify the user ID.

$('#google-plus-widget-demo').googlePlusWidget({
  user: '109366824274411741515'
});

6. Limit the maximum number of entries to show in the widget.

$('#google-plus-widget-demo').googlePlusWidget({
  maxResults: 5
});

7. The default caption text:

$('#google-plus-widget-demo').googlePlusWidget({
  captionMore: 'more',
  captionPermalink: 'see on Google+',
  captionComments: 'see comments on Google+',
  captionAddToCircles: 'add to circles'
});

This awesome jQuery plugin is developed by kminek. For more Advanced Usages, please check the demo page or visit the official website.