구글 맞춤검색(CSE)-애드센스 검색광고를 이용해서 블로그,홈페이지에 나만의 검색창 만드는 방법

제 블로그 상단에 보면 구글 애드센스 검색 광고를 달아놓았는데, 조금 아쉬운것이 최상단에 있어서 스크롤을 하면 사라집니다.

인터넷 사이트를 돌아다니다보면 항상 맨위에 떠있어서 눈에 띄고 쉽게 접근할수 있는 방법이 있을까 해서 찾아봤습니다.

플로팅 상단 메뉴바 달기

찾다보니 카쿠군님의 블로그에 위와 같은 글이 있는데 이를 활용하면 되더군요~

카쿠군님의 글을 보고 css와 skin.html 파일을 수정해주시면되고, 원하는 메뉴를 넣어서 서브 메뉴 방식으로 사용할수 있습니다.

저는 메뉴대신에 CSE 검색엔진을 달았는데, 이전에는 최상단에 붙어있기만 했지만, 이제는 스크롤을 해도 맨위에 계속 붙어 있네요~

다만 adsense광고가 div 문제로 검색이 광고 아래로 깔려버리는 문제가 있더군요.

카쿠군님에게 댓글로 문의를 했더니 z-index를 설정하면 된다고 하는데, 찾아보니 div가 여러개 있을때 우선순위를 정해주는것인데, 금방 해결을 했네요~

해결방법은 위처럼 div tag에 style=z-index;번호 와 같은 식으로 넣어주면 되는데, 번호가 낮을수록 우선순위가 높은데, 플로팅 메뉴를 11번, 애드센스 광고를 20번 이런식으로 처리를 해주면 됩니다.

그러고나니 이제는 애드센스 광고보다 위에 나오고, 잘못된 마우스 클릭도 문제가 없더군요.