• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Truco Búsqueda personalizada de Google para tu sitio

lms

Administrador
Mensajes
7.669
Puntuación de reacciones
2.098
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Para poder implementar una búsqueda personalizada de Google para nuestro sitio, hay que ir a http://www.google.com.vn/cse/ y registrarse.
Tras seguir los pasos (dar un nombre a la búsqueda, elegir el diseño, etc) os saldrá una pantalla como esta:
5.png
En obtener código, le dáis y os saldrá el código:
Google dijo:
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com.vn/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1', {language : 'es', style : google.loader.themes.V2_DEFAULT});
google.setOnLoadCallback(function() {
var customSearchOptions = {};
var orderByOptions = {};
orderByOptions['keys'] = [{label: 'Relevancia', key: ''},{label: 'Fecha', key: 'date'}];
customSearchOptions['enableOrderBy'] = true;
customSearchOptions['orderByOptions'] = orderByOptions;
var imageSearchOptions = {};
imageSearchOptions['layout'] = google.search.ImageSearch.LAYOUT_POPUP;
customSearchOptions['enableImageSearch'] = true;
customSearchOptions['imageSearchOptions'] = imageSearchOptions; var customSearchControl = new google.search.CustomSearchControl(
'018007349847158740104:3vjyrucanzs', customSearchOptions);
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw('cse');
}, true);
</script>
A este código le he realizado unos cambios (que indico luego) y lo he puesto en una nueva plantilla que he llamado buscarConGoogle (PCA -> Aspecto -> Plantillas -> Crear plantilla).
Tras esto, para que se vea arriba del todo en cualquier lugar del foro, he puesto un include en la plantilla ad_above_content y que consiste en agregar:
Insertar CODE, HTML o PHP:
<xen:include template="buscarConGoogle" />
El código final, es:
Rich (BB code):
<div id="cse" style="width: 100%;">{xen:phrase loading}</div>
<script src="http://www.google.com.vn/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1', {language : 'es', style : google.loader.themes.V2_DEFAULT});
  google.setOnLoadCallback(function() {
    var customSearchOptions = {};  var customSearchControl = new google.search.CustomSearchControl(
      '018007349847158740104:3vjyrucanzs', customSearchOptions);
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    customSearchControl.draw('cse');
  }, true);
</script>
Así la véis:
3.png
Salud2
 

sucre13

Miembro
Mensajes
48
Puntuación de reacciones
3
Puntos
8
País
República Dominicana
Versión de XenForo
1.5.14
te felicito amigo me ha quedado bien gracias por la explicación
 
Arriba