Posted By

mikemore on 10/26/11


Tagged

javascript google jquery plus


Versions (?)

Google+ Search Widget


 / Published in: HTML
 

URL: http://www.moretechtips.net/2011/10/google-search-widget.html

Highly customizable search widget for Google+ that is inspired by Twitter widgets. This widget searches across the body and comments of public posts and displays a summarized version of matching posts with any attached images.

  1. <!-- Include javascript and CSS once -->
  2. <link href="http://googleplus-search-widget.googlecode.com/svn/v1/light.css" rel="stylesheet" type="text/css" />
  3. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  4. <script src="http://googleplus-search-widget.googlecode.com/files/jquery.googleplus-search-1.0.min.js" type="text/javascript"></script>
  5. <script type="text/javascript">
  6. //<![CDATA[
  7. jQuery.fn.googlePlusSearch.defaults.api_key = 'AIzaSyDsd2KGlVuN5dEwas5G3TsOVX17oRCCTFM';
  8. //]]>
  9.  
  10. <!-- Insert widget placeholder -->
  11. <div class="google-plus-search" data-options="{
  12. query: 'Tech Tips'
  13. , show_header: 1
  14. , header_title: 'Search for Tech Tips' }">
  15. <a class="gpsw-info" href="http://www.moretechtips.net" target="_blank">Google+ Search Widget</a>
  16. </div>

Report this snippet  

You need to login to post a comment.