본문 바로가기
IT 놀이터/블로그

[티스토리] 검색박스에 힌트 텍스트 넣기. ( 매우 쉽죵~ )

by 돼지왕 왕돼지 2013. 5. 9.
반응형


오늘 소개할 간단한 블로그 관리 팁은

검색창에 Hint text 넣기.



<Before>                                   <After>


WordPress를 이용해 만든 어떤 블로그에 들어갔다가

저렇게 힌트 글이 있는 것을 발견하고,

저 힌트글이 있으면 저 곳이 검색창이라는 것을 알고 

더 쉽게 검색을 할 수 있겠다는 생각이 들었다.


전직 개발자가 이것도 못할소냐?

도전! & 성공!




1. 티스토리 관리자 모드에 들어간다.


2. HTML/CSS 편집으로 들어간다.


3. Ctrl + F 를 눌러 "searchBox" 를 검색한다.



4. 아래와 같이 placeholder="검색어를 입력하세요" 의 코드를 추가해준다.


<!-- 검색 모듈 -->

<s_sidebar_element>

<div id="searchBox">

<s_search>

<input type="text" name="" value="" onkeypress="if (event.keyCode == 13) { }" class="text" placeholder="검색어를 입력하세요"/>

<input value="검색" type="button" onclick="" class="submit"/>

</s_search>

</div>

</s_sidebar_element>



** 2013년 5월 10일 오전 2시 추가내용.

placeholder 속성은 익스플로러의 경우 10 부터 된다고 하네요. 참고하세요 ^ ^







반응형

댓글