SearchBox

Puedes integrar una SearchBox de Opcionempleo en tu website. Los permitirá a tus visitantes buscar por ofertas de empleo directamente desde tu página. Todo lo que debes hacer es personalizar tu Searchbox siguiendo los pasos dados. Una vez personalizados copia y pega en tu website los códigos HTML dados. Ahora tu website tendrá un pequeño motor de búsqueda de empleos!

2	Aprueba tu SearchBox

Ofertas de empleo - Opcionempleo

Copiar/pegar el código de abajo en tu página

<!-- Opcionempleo search box -->
<style>
div.cjsearchbox{

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.cjsearchbox a{ 
color: #198ADC ; 
}

div.cjbotl a{
   color: #000000;
   text-decoration: none ;
}


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

div#cjSearchResult{ 
}

div#cjSearchResult p.topline{ 
font-size: 16px ; 
font-weight: bold ; 
margin-bottom: 8px ; 
margin-top: 5px ;
}

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

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

input.cjinput{ 
width: 90% 
}

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

div.cjjob{ 
margin: 0px ; 
margin-bottom: 10px ; 
overflow: hidden ;
}

div.cjjob p { 
margin: 0px ; 
}

div.cjjob p.jobtitle{ 
font-size: 14 ; 
font-weight: bold ;
}

div.cjjob .company{ 
color: #666666; 
}

div.cjjob .locations{ 
color: #666666;
}

div.cjjob .site{ 
color: #099E2D ; 
}

#search_box_tools span.button{
      float:left;
      background:url("http://static.careerjet.net/images/search_left_bx.png") no-repeat left top;
      padding-left: 10px ;
      color:#666;
      position: relative;
      top: 1px;
}

#search_box_tools span.button input{
     float:left ;
      background:url("http://static.careerjet.net/images/search_right_bx.png") no-repeat right top;
      background-repeat: no-repeat ;
      margin: 0px ;
      text-decoration:none;
      height: 28px ;
      border:none ;
      padding-bottom: 10px ;
      padding-left: 0px ;
      padding-right: 15px ;
	  color:#FFFFFF;
	  font-weight:bold;
}

</style>
<a name="cjsearchboxanchor"></a>
<div class="cjsearchbox">
<script language="javascript" type="text/javascript" src="http://www.opcionempleo.com/partners/jssearchbox.html?n=7&nfr=1"></script>
<div class="cjbotl bloggerDiv">
<a href="http://www.opcionempleo.com">Ofertas de empleo</a> - Opcionempleo
</div>
</div>
<!-- end of Opcionempleo search box -->

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

Webmasters / Bloggers

SearchBox

Personaliza tu SearchBox

Aprueba tu SearchBox

Copiar/pegar el código de abajo en tu página