그림에서 보는 바와 같이 설정을 따로 하지 않은 헤더의 클릭 범위는 매우 넓습니다. Blogger는 헤더의 우측에도 애드센스나 각종 메뉴를 추가할 수 있는데, 이 때 헤더의 넓은 클릭 범위가 문제될 수 있습니다. 아래의 코드는 이런 문제를 해결하기 위해, 헤더의 클릭 범위를 설정하는 코드입니다.
#Header1 {
width: 500px;
}
코드 삽입 위치는 [대시보드→템플릿→맞춤설정→고급→CSS추가] 입니다. 참고로, Header1은 정해진 값이 아닙니다. 대부분의 경우 헤더의 ID는 'Header1'이지만, 설정하기에 따라서 헤더의 id는 'Header2', 또는 'Header3'가 될 수도 있습니다. HTML모드에서 헤더 id를 확인한 후 자신의 헤더 id를 입력해줍니다. (대부분의 경우 'Header1') 그리고 삽입할 때 '500px' 부분을 자신의 이미지 넓이에 맞게 수정해줍니다. 픽셀 범위가 이미지의 폭보다 짧으면, 이미지가 짤릴 수 있습니다.
주의.
- Blogger에서 코드가 꼬이면 생고생 할 수 있다. 코드 삽입 전 반드시 템플릿을 백업해두자.
댓글 없음:
댓글 쓰기