티스토리 스킨 검색창 만드는 방법은 티스토리에서 사용할 수 있는 치환자를 통해 구현할 수 있다. 간편하게 아래와 같이 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>
적절한 위치에 적용하면 되는데, 당연히 스타일시트도 지정해줘야 하므로 적당한 위치에 적용시키고 스타일을 지정해주면 된다.
'Tistory > Tistory Skin' 카테고리의 다른 글
티스토리 저자(블로거) 프로필 카드 HTML&CSS (0) | 2021.01.05 |
---|---|
티스토리 단축키 추가방법 (0) | 2020.10.05 |
티스토리 공지사항 치환자 사용방법과 예시 (0) | 2020.09.23 |
티스토리 카테고리의 다른글 카테고리 이름추가(인덱스 치환자) (0) | 2020.08.06 |
티스토리 스킨 가이드 (2) | 2020.06.03 |
티스토리 HTML 스킨편집 단축키 (0) | 2020.05.31 |
티스토리 Fontawesome 최적화 적용 및 사용방법 (0) | 2020.05.19 |
티스토리 스킨 JQuery 슬라이드 자동 넘김 (2) | 2019.12.21 |