InicioApuntes Y MonografiasPersonaliza tu Tumblr. Tutorial 7: Buscadores


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







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>
    
<!-- 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_SIN_HTTP "+formElm.number.value+"";
        return false;
        }
    </script>


Ejemplo para el buscador de tags:

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

Ejemplo para el buscador de google:

window.location="http://www.google.com/search?hl=es&q=site:delasazores.com "

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 -->
                <br>
<!-- 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 tags -->


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.









Datos archivados del Taringa! original
12puntos
1,416visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
3visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

j
juanito169🇦🇷
Usuario
Puntos0
Posts14
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.