demun(대문블로그)

티스토리스킨수정/검색2012. 5. 29. 06:00

티스토리 스킨에는 검색 기능이 있습니다. 많은 블로거분들이 구글 광고를 사용하고 또한 구글 맞춤검색(이하 cse 라고 부릅니다.)을 사용할겁니다. 여기서는 구글 맞춤검색을 사용한다고 가정하고 진행해보겠습니다. 즉 구글 맞춤검색을 생성하는 과정은 아닙니다. 아주 간단하게 티스토리의 검색을 사용하지 않고 구글 cse 를 사용하는 방법을 알아보겠습니다. 일단 티스토리에서 제공하는 검색을 대략 알아보겠습니다. 아래 이미지를 보시면 input 가 두개가 있고, 밑에 확인버튼에 해당하는곳에는 클래스 submit 가 있습니다. 즉 여기서 필요없는 부분은 바로 input 두개입니다. 이 부분을 주석처리합니다. 그럼 아래와 같은 형식이 될겁니다. 만약 사이드바가 아닌 다른곳이라면 아래와 같은 형식입니다. 그럼 구글 cs..

티스토리스킨수정/검색2012. 5. 21. 10:14

검색창을 다는 방법은 이전에 적은것이 있습니다. 아는것을 쉽게 풀어쓴다는것이 정말 힘듭니다. 그와 관련해서 더욱 보강하는 글이 되겠습니다. 이전에는 사이드바에 검색창을 다는 방법이였지만 이글은 사이드바가 아닌곳 특히 상단 제목 있는 부분에 다는 방법입니다. 이는 다른곳에도 적용이 가능합니다. 검색창 사이드바에 다는 방법 => http://demun.tistory.com/1992 주로 스타일을 입히는 방법은 제각각 이므로 좀 제외하고 위치를 잡는 방법을 알아보겠습니다. 일단 목표는 상단의 제목부분을 두개로 나누어서 하나는 기존의 제목을 사용하고 다른 한 공간에 검색창을 다는것입니다. 원하는 사이트이 디자인을 한번 볼까요? 보시다시피 제목 하나만 존재합니다. 그러다보니 두개로 나누어서 우측에 빈공간에 검색창..

티스토리스킨수정/검색2010. 10. 16. 20:58

많은분들이 구글광고를 하고 구글검색을 하실겁니다. 여기서는 구글검색을 하는것을 가정하에 꾸며보는 방법을 알려드리겠습니다. 우선 사이드바에 구글검색을 단다고 가정합니다. 그럼 스킨에 어울리게 사이드바에 본인의 html 부분에서 사이드바에 해당하는곳을 그대로 복사해서 사용하는것이 좋습니다. 그럼 사이드바에 다른 메뉴와 똑같이 사용할수 있습니다. 먼저 구글코드를 먼저 보여드리고 설명들어갑니다. Search 여기서 20번줄과 21번줄에 하이라이트가 되있을겁니다. 즉 id 는 구글 자체에 정해져있는것이고 21번줄에 class는 하나 추가해서 넣어준것입니다. 그래서 저는 여기에 css 몇줄 추가해서 블로그의 스킨과 비슷하고 어울리게 만들었습니다. 너무 많이 수정하는것은 안되는걸로 알고 있습니다. 뭐 정확한것은 확인..

티스토리스킨수정/검색2010. 5. 9. 11:20

나만의 멋진 검색창을 만들어 보아요.!!! ㅎㅎㅎ 티스토리에 사용하는 검색창뿐만 아니라 약간만 응용하면 구글의 맞춤검색도 스킨에 응용해서 사용할수 있습니다. 클래스를 추가해서 스킨과 비슷하게 만들어서 사용할수도 있지요. 우선 스킨수정에 관련한 글은 아래 링크를 참고해주시고 여기서는 티스토리에서 사용하는 검색창을 꾸며보도록 하겠습니다. 스킨 수정에 관한 관련글 => http://demun.tistory.com/category/블로그/스킨수정 이미지가 준비된 상태로 적용을 해보겠습니다. 이미지를 만드실려면 이전글을 참고하세요. 볼록한 느낌의 검색창 만들기 => http://demun.tistory.com/1605 우선 제 스킨의 html부분에서 검색창에 대한 부분을 보고 이야기하겠습니다. 간단하게 설명하겠습..