검색창

사이트 방문자가 직접 고객님의 웹페이지에서 채용 정보를 검색할 수 있는 커리어젯의 검색창을 추가하세요. 검색창은 다음 3가지 단계에 따라 간편하게 사용자 개인 설정이 가능하며, 주어진 HTML 코드를 복사 및 붙여넣기 하시어 고객님의 사이트 및 블로그에 추가하실 수 있습니다. 이제 고객님의 웹사이트에 미니 채용정보 검색엔진 기능이 추가되었습니다!

검색창 테스트

아래 코드를 복사하시어 고객님의 웹페이지에 붙여 넣으세요

<!-- 커리어젯 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: #198ADC;
}


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%; 
padding: 3px 0px;
border: 1px solid #AAA;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
margin-top:2px;
margin-bottom:2px;
}

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;
color:#666;
margin-left:5px;
margin-right:5px;
}

#search_box_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="cjsearchboxanchor"></a>
<div class="cjsearchbox">
<script language="javascript" type="text/javascript" src="https://www.careerjet.co.kr/partners/js_searchbox.html?n=7&nfr=1"></script>
<div class="cjbotl bloggerDiv">
</div>
</div>
<!-- end of 커리어젯 search box -->

블로거에 이 기능을 추가하시면 자동으로 고객님 블로그의 디자인으로 적용됩니다.

웹관리자

검색창

검색창 개인설정

검색창 테스트

아래 코드를 복사하시어 고객님의 웹페이지에 붙여 넣으세요