Custom Google Search GSE configuration

good html/css samples

September 2013

Using this code you can display results of GSE on any page

<gcse:searchbox-only resultsUrl="/yourpage" queryParameterName="q_as"></gcse:searchbox-only>
 .gsc-input input {
          background-image: url('/search_files/search_bkgr.png') !important;
          background-position: right !important;
          background-repeat: no-repeat !important;
          }

http://libretechtips.com/tips-drupal7-drupal6/how-use-google-cse-drupal

 

http://www.hongkiat.com/blog/wordpress-google-cse/

 

adding thumbnails – https://developers.google.com/custom-search/docs/structured_data#addtopage

<!–

    <DataObject type=”action”>
      <Attribute name=”label” value=”Download”/>
      <Attribute name=”url” value=”http://www.scribd.com/document_downloads/20258723?extension=pdf”/>
      <Attribute name=”class” value=”download”/>
    </DataObject>
    <DataObject type=”action”>
      <Attribute name=”label” value=”Fullscreen View”/>
      <Attribute name=”url” value=”http://d1.scribdassets.com/ScribdViewer.swf?document_id=20258723&access_key=key-27lwdyi9z21ithon73g3&version=1&viewMode=fullscreen”/>
      <Attribute name=”class” value=”fullscreen”/>
    </DataObject>
  </PageMap>
–>