티스토리 스킨에 검색을 구글 맞춤검색으로 변경하는 방법

티스토리 스킨에는 검색 기능이 있습니다. 
많은 블로거분들이 구글 광고를 사용하고 또한 구글 맞춤검색(이하 cse 라고 부릅니다.)을 사용할겁니다.
여기서는 구글 맞춤검색을 사용한다고 가정하고 진행해보겠습니다. 
즉 구글 맞춤검색을 생성하는 과정은 아닙니다. 

아주 간단하게 티스토리의 검색을 사용하지 않고 구글 cse 를 사용하는 방법을 알아보겠습니다.
일단 티스토리에서 제공하는 검색을 대략 알아보겠습니다.
아래 이미지를 보시면 input 가 두개가 있고, 밑에 확인버튼에 해당하는곳에는 클래스 submit 가 있습니다.

즉 여기서 필요없는 부분은 바로 input 두개입니다. 
이 부분을 주석처리합니다. 그럼 아래와 같은 형식이 될겁니다.

만약 사이드바가 아닌 다른곳이라면 아래와 같은 형식입니다.

그럼 구글 cse 코드를 넣어보겠습니다. 대략 아래의 모습으로 보입니다.
아래 이미지를 잘 보시면 제가 노랗게 표시한 부분이 보일겁니다.
그곳의 아이디가 q 입니다.

이걸 css 에서 설정할때는 #q 라고 선택하고 스타일을 설정하면 됩니다.
대략 아래처럼 설정하면 됩니다.

이제 여러분은 티스토리 대신 구글 sce 를 사용할 수 있습니다.
제가 사용하는 완성된 모습을 예제로 올립니다.