CREATIVE

티스토리 스킨 검색창(Search) 만드는 방법

Tistory/Tistory Skin
2020. 6. 28. 02:22

티스토리 스킨 검색창(Search) 만드는 방법

티스토리 스킨 검색창 만드는 방법은 티스토리에서 사용할 수 있는 치환자를 통해 구현할 수 있다. 간편하게 아래와 같이 s_search를 통해 구현이 가능하며, input태그를 활용하여 적용할 수 있다.

검색창(Search)

	<s_search>
	<div class="search">
  <input type="text" class="article_search_field" placeholder="무엇이든 검색해보세요." name="search" value="" onkeypress="if (event.keyCode == 13) { try{window.location.href='/search/' + document.getElementsByName('search')[0].value.replaceAll('%', '%25');document.getElementsByName('search')[0].value = ''; return false;}catch(e){} }" id="article_search" />
  <input type="submit" class="article_search_submit" value="검색" onclick="try{window.location.href='/search/' + document.getElementsByName('search')[0].value.replaceAll('%', '%25');document.getElementsByName('search')[0].value = ''; return false;}catch(e){}" />
</div>
	</s_search>

적절한 위치에 적용하면 되는데, 당연히 스타일시트도 지정해줘야 하므로 적당한 위치에 적용시키고 스타일을 지정해주면 된다.