Formulario de búsqueda

Puedes integrar un Formulario de búsqueda de Opcionempleo en tu sitio web. Tus visitantes podrán buscar ofertas de empleo directamente desde tu página. Todo lo que debes hacer es personalizar tu Formulario de búsqueda siguiendo los pasos dados. Una vez personalizados, copia y pega en tu sitio web los códigos HTML dados. Ahora tu sitio web tendrá un pequeño motor de búsqueda de empleos.

2	Revisa tu Formulario de búsqueda

Copia/pega el código de debajo en tu página

<!-- Opcionempleo search form -->
<style>
div.cjsearchform{ 

text-align: left; 
border: 1px solid #919294; 
background-color: #FFFFFF ;
padding: 8px ; 
font-family: Arial, sans-serif, Sans-serif ; 
font-size: 13px ; 
color: #000000; 
width: 480px;
}

div.cjsearchform form.cjsearchform{ 
padding-top: 0px ; 
padding-bottom: 0px ; 
padding-left: 0px ; 
padding-right: 0px ;
}

span.cjlabel{ 
font-size: 13px ; 
font-weight: bold ; 
color: #000000; 
}

span.cjlabelsmall{ 
font-size: 11px ; 
color: #000000; 
}

input.cjinput{ 
width: 90%;
padding: 3px 0px;
border: 1px solid #AAA;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
margin-top:2px;
margin-bottom:2px;
}

div.cjbotl{
   color: #000000;
}
div.cjbotl a{
   color: #198ADC;
}

input.cjbutton{  
font-family:  Arial, sans-serif, Sans-serif; 
}

#search_form_tools span.button{
float:left;
color:#666;
}

#search_form_tools span.button input{
float:left;
color:#FFFFFF;
padding: 1px 10px;
font-weight: bold;
cursor: pointer;
border: 1px solid #d70;
-webkit-border-radius: 2px;
-moz-border-radius: 3px;
border-radius: 2px;
background: #e81;
background-image: linear-gradient(top, #F19F40 0%, #EE8711 100%);
background-image: -o-linear-gradient(top, #F19F40 0%, #EE8711 100%);
background-image: -moz-linear-gradient(top, #F19F40 0%, #EE8711 100%);
background-image: -webkit-linear-gradient(top, #F19F40 0%, #EE8711 100%);
background-image: -ms-linear-gradient(top, #F19F40 0%, #EE8711 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F19F40),color-stop(1, #EE8711));
}

</style>
<a name="cjsearchformanchor"></a>
<div class="cjsearchform">
<script language="javascript" type="text/javascript" src="https://www.opcionempleo.com/partners/js_searchform.html?format=1&nfr=1"></script>
</div>
<!-- end of Opcionempleo search form -->

Coloca este logo a tu Blogger y este automáticamente se ajustará al diseño de tu Blog.

Webmasters / Bloggers

Formulario de búsqueda

Personaliza tu Formulario de búsqueda

Revisa tu Formulario de búsqueda

Copia/pega el código de debajo en tu página