Facebook de Delasazores Twitter de Delasazores
Mostrar menú superior
Mostrar menú inferior
← Anterior Post Post Aleatorio Siguiente Post →
Séptimo post de ayuda. Podéis ver los anteriores aquí.
En este tutorial vamos a ver como añadir un buscador de tags y un buscador en Google. También como insertar vídeos de youtube en los comentarios de los post o en nuestra página.
(Nota: Antes de nada, revisad los errores comunes. Es importante.)
Lo primero es añadir el siguiente código antes de la etiqueta </head>:
<!-- Buscar tags --> <script type="text/javascript"> function handleThis(formElm) { window.location="URL_DE_TU_WEB/tagged/"+formElm.number.value+""; return false; } </script>

Ejemplo válido:
window.location="http://delasazores.com/tagged/"+formElm.number.value+"";
Ahora buscad lo siguiente
<div id="search">      <form action="/search" method="get" id="search-form">             <input type="hidden" name="t" value="{Name}" />             <input type="hidden" name="scope" value="all_of_tumblr" />             <input type="text" name="q" class="query" value="{SearchQuery}" />             <input type="submit" value="{lang:Search}" class="submit" />             <div class="clear"></div>      </form> </div>

Y cambiadlo por (si queréis mantener ambos buscadores, podéis simplemente añadir estas líneas debajo del otro código)::
<!-- Buscador de tags --> <div id="search">        <form action="/search" id="search-form" onsubmit="return handleThis(this)">                <input type="text" class="query" name="number" value="Buscador de Tags" onclick="this.select()" />                <input type="submit" value="{lang:Search}" class="submit" />                <div class="clear"></div>        </form> </div> <!-- Fin Buscador de tags -->

Para añadir un buscador en Google, hay que añadir este código antes de </head>:
<!-- Buscar en Google -->
<script type="text/javascript">
function handleThis2(formElm)
{
window.location="http://www.google.com/search?hl=es&q=site:URL_DE_TU_WEB "+formElm.number.value+"";
return false;
}
</script>
<!-- Fin Buscar en Google -->
Ejemplo válido:
window.location="http://www.google.com/search?hl=es&q=site:delasazores.com "+formElm.number.value+"";
Y este encima o debajo del buscador de tags:
<!-- Buscador de Google -->
<div id="search">
<form action="/search" id="search-form" onsubmit="return handleThis2(this)">
<input type="text" class="query" name="number" value="Buscar en Google" onclick="this.select()" />
<input type="submit" value="{lang:Search}" class="submit" />
<div class="clear"></div>
</form>
</div>
<!-- Fin Buscador de Google -->
Si tenéis un theme distinto al Redux, podéis cambiar los ids y class para adaptarlos a vuestra plantilla y se vea más estético el buscador.
Ahora veamos como insertar vídeos de Youtube en nuestros comentarios. A día de hoy es realmente fácil. Simplemente nos vamos al vídeo de Youtube que queremos poner en nuestro post o página. Debajo podemos ver un botón Compartir. Lo pulsamos y a continuación pulsamos también en Insertar.

Nota: Es importante cambiar el width (ancho) para que no sea más grande que el ancho de nuestros post, ya que sino, sobresaldrá de los márgenes.
Puedes ver las ayudas que vaya creando en http://delasazores.com/tagged/ayuda

Séptimo post de ayuda. Podéis ver los anteriores aquí.

En este tutorial vamos a ver como añadir un buscador de tags y un buscador en Google. También como insertar vídeos de youtube en los comentarios de los post o en nuestra página.

(Nota: Antes de nada, revisad los errores comunes. Es importante.)

Lo primero es añadir el siguiente código antes de la etiqueta </head>:

<!-- Buscar tags -->
<script type="text/javascript">
function handleThis(formElm)
{
window.location="URL_DE_TU_WEB/tagged/"+formElm.number.value+"";
return false;
}
</script>

Ejemplo válido:

window.location="http://delasazores.com/tagged/"+formElm.number.value+"";

Ahora buscad lo siguiente

<div id="search">
      <form action="/search" method="get" id="search-form">
             <input type="hidden" name="t" value="{Name}" />
             <input type="hidden" name="scope" value="all_of_tumblr" />
             <input type="text" name="q" class="query" value="{SearchQuery}" />
             <input type="submit" value="{lang:Search}" class="submit" />
             <div class="clear"></div>
      </form>
</div>

Y cambiadlo por (si queréis mantener ambos buscadores, podéis simplemente añadir estas líneas debajo del otro código)::

<!-- Buscador de tags -->
<div id="search">
        <form action="/search" id="search-form" onsubmit="return handleThis(this)">
                <input type="text" class="query" name="number" value="Buscador de Tags" onclick="this.select()" />
                <input type="submit" value="{lang:Search}" class="submit" />
                <div class="clear"></div>
        </form>
</div>
<!-- Fin Buscador de tags -->

Para añadir un buscador en Google, hay que añadir este código antes de </head>:

<!-- Buscar en Google -->
<script type="text/javascript">
function handleThis2(formElm)
{
window.location="http://www.google.com/search?hl=es&q=site:URL_DE_TU_WEB "+formElm.number.value+"";
return false;
}
</script>
<!-- Fin Buscar en Google -->

Ejemplo válido:

window.location="http://www.google.com/search?hl=es&q=site:delasazores.com "+formElm.number.value+"";

Y este encima o debajo del buscador de tags:

<!-- Buscador de Google -->
<div id="search">
<form action="/search" id="search-form" onsubmit="return handleThis2(this)">
<input type="text" class="query" name="number" value="Buscar en Google" onclick="this.select()" />
<input type="submit" value="{lang:Search}" class="submit" />
<div class="clear"></div>
</form>
</div>
<!-- Fin Buscador de Google -->

Si tenéis un theme distinto al Redux, podéis cambiar los ids y class para adaptarlos a vuestra plantilla y se vea más estético el buscador.

Ahora veamos como insertar vídeos de Youtube en nuestros comentarios. A día de hoy es realmente fácil. Simplemente nos vamos al vídeo de Youtube que queremos poner en nuestro post o página. Debajo podemos ver un botón Compartir. Lo pulsamos y a continuación pulsamos también en Insertar.

image

Nota: Es importante cambiar el width (ancho) para que no sea más grande que el ancho de nuestros post, ya que sino, sobresaldrá de los márgenes.

Puedes ver las ayudas que vaya creando en http://delasazores.com/tagged/ayuda

Pulsa aquí para mostrar más opciones de este post
Comentarios del blog proporcionados por Disqus
  1. delasazores ha publicado esto
Botón para subir al principio de la página de Cafetería de las Azores, Web de Humor, Tumblr en Español Huevo de Pascua