320x100
|
|
예전 도메인으로 접속시, 새로운 주소로 옮겨오도록 블로그에 스크립트를 사용하였었지만, 블로그에 달아둔 광고와 문제가 생겼습니다.
블로그 광고중 애드클릭스는 1차 2차 주소를 지정이 가능한데, 1차 2차 주소 모두 접속이 원활해야한다는 조건이 있더군요.
그래서 강제로 주소가 바뀌게하는걸 조금 다르게 바꿔보려고 하다가, http://chatii.tistory.com chatii 님 블로그에서 힌트를 얻었고
스크립트를 제가 좀 변경 시켜서 기능을 추가시켜 적용을 시켰습니다.
가능한 웹표준을 지키면서 깔끔하게 나타나게끔 적용한 방법을 소개합니다.
적용 예시
http://cdmanii.tistory.com/1063
예전 주소로 접속하면 블로그 하단에, 새로운 주소로 연결해주는 레이어가 나타납니다.
(IE6 에서는 정상적으로 나타나지 않을 수 있습니다)
newurl.rar적용 방법
1. newurl.rar 파일을 다운로드 후, 압축을 해제 합니다.
2. newurl.js 파일의 10, 11 번째줄을 편집합니다. (editplus 등의 편집기 사용)
var oldurl = "http://cdmanii.tistory.com/"; /* 옛날주소 입력 (끝에 / 를 붙여야함) */
var newurl = "http://cdmanii.com/"; /* 새 주소 입력 (끝에 / 를 붙여야함) */
위에 내용은 http://cdmanii.tistory.com 으로 접속하면 http://cdmanii.com 으로 접속하게끔 정의를 내리는 부분입니다.
oldurl 는 옛날 주소를 입력합니다.
newurl 는 새 주소를 입력합니다.
두 주소 모두 끝에 반드시 / 를 붙입니다.
3. newurl.js 파일을 encoding 를 unicode 로 설정하여 저장합니다.
반드시 encoding 타입을 Unicode 로 해서 저장합니다. 관련링크 http://cdmanii.com/1093
4. newurl.js 파일을 자신의 스킨에 업로드 합니다.
5. skin.html 에 아래의 코드를 <head></head> 사이에 입력합니다.
<script src="./images/newurl.js" type="text/javascript"></script>
6. style.css 에 아래의 코드를 넣습니다.
/* 이전 블로그 주소 접속 시 */
#newdomain {
position: fixed;
display: block;
bottom: 0px;
left: 0px;
width: 100%;
height: 35px;
border-top: 2px solid #AAAAAA;
padding: 5px 5px 5px 50px;
background: url(https://t1.daumcdn.net/cfile/tistory/1505090B4AD0AC1A72) no-repeat left center;
background-color: #454545;
z-index: 99999;
cursor: pointer;
color: #fff;
}
#newdomain span { color: #ffc600; }
#newdomain {
position: fixed;
display: block;
bottom: 0px;
left: 0px;
width: 100%;
height: 35px;
border-top: 2px solid #AAAAAA;
padding: 5px 5px 5px 50px;
background: url(https://t1.daumcdn.net/cfile/tistory/1505090B4AD0AC1A72) no-repeat left center;
background-color: #454545;
z-index: 99999;
cursor: pointer;
color: #fff;
}
#newdomain span { color: #ffc600; }
7. 인터넷 브라우저에서 예전 블로그 주소로 접속하여 확인을 합니다.
# 추가 된 점 (09-10-12 저녁 8시)
* 필넷님 의견에 따라서 URL 에 한글이 포함되어있을때 한글이 재대로 표기되도록 decodeURL 추가했습니다.
* 보여지는 주소쪽은 디코딩을 해서 보여주며, 실제 주소는 인코딩해서 들어가도록 했습니다.
* 한글URL 을 쓰거나 임의로 공백을 띄운 카테고리 주소도 문제 없이 뜨도록 수정했습니다.
# 주의
* 설명 주석 부분은 지우지 마시기 바랍니다. 누가 복사해가더라도 문제가 생겼을때 어드바이스 하기 위함입니다.
|
|
반응형
'유용한_팁 > 블로그_팁' 카테고리의 다른 글
| 블로그 광고 수익모델-알라딘 TTB2 광고 사이드바 정렬하기 - 티스토리 (16) | 2009.10.30 |
|---|---|
| 다음 애드클릭스 필요없는 광고 막아보자 (27) | 2009.10.21 |
| 티스토리 블로그 관리자 글쓰기 버튼 정말 필요한가 (42) | 2009.10.08 |
| XHTML 웹표준 틀리기 쉬운 문법들 (27) | 2009.09.29 |
| 티스토리 카테고리 글 더 보기 배경 꾸미기 - 블로그팁 (31) | 2009.09.28 |
댓글