팝업창이라는 싸이월드 미니홈피의 특성 때문에
태터툴즈의 링크 기능으로 싸이월드를 연결할 경우 창이 두 개나 올라오는 불편함이 있습니다.
다음과 같이 하면, 링크를 클릭했을 때 싸이 팝업창만 뜨도록 할 수 있습니다 -
1. 관리자 메뉴의 '스킨'에 들어가서 '스킨편집'을 누르세요.
2. HEAD태그 안에 다음과 같은 자바스크립트를 삽입합니다.
이 함수는 링크된 url을 분석하여 싸이월드 주소이면 팝업창만 띄우고,
다른 주소이면 새 창에 블로그를 띄우게 하는 역할을 합니다.
3. 스킨에서 링크를 출력하는 부분을 찾아서 다음과 같은 iframe을 추가합니다.
"s_link_rep"로 검색하여 그 윗줄 즈음에 입력하면 될 것입니다.
이 인라인 프레임은 실제로 보이지 않으나,
싸이월드 링크의 타겟을 이쪽으로 지정함으로써 미니홈피의 팝업창만 뜨게 해 줍니다.
4. "s_link_rep"로 검색하여 바로 아래에 있는 <a> 태그 부분을 아래와 같이 수정해 줍니다.
이 구문은 링크가 클릭되었을 때 href에 있는 주소로 이동하지 않는 대신
앞서 자바스크립트로 만들어 둔 linkclick함수를 호출하는 기능을 합니다.
여기까지 하면 원하는 기능을 모두 구현했습니다-
왼쪽에 있는 '내 싸이' 링크를 눌러서 확인해보세요ㅋㅋ
태터툴즈의 링크 기능으로 싸이월드를 연결할 경우 창이 두 개나 올라오는 불편함이 있습니다.
다음과 같이 하면, 링크를 클릭했을 때 싸이 팝업창만 뜨도록 할 수 있습니다 -
1. 관리자 메뉴의 '스킨'에 들어가서 '스킨편집'을 누르세요.
2. HEAD태그 안에 다음과 같은 자바스크립트를 삽입합니다.
<script type="text/javascript">
function linkclick(url) {
if(url.substring(7,14)=="cyworld" || url.substring(11,18)=="cyworld")
document.cyworld.location=url;
else
window.open(url);
}
</script>
function linkclick(url) {
if(url.substring(7,14)=="cyworld" || url.substring(11,18)=="cyworld")
document.cyworld.location=url;
else
window.open(url);
}
</script>
이 함수는 링크된 url을 분석하여 싸이월드 주소이면 팝업창만 띄우고,
다른 주소이면 새 창에 블로그를 띄우게 하는 역할을 합니다.
3. 스킨에서 링크를 출력하는 부분을 찾아서 다음과 같은 iframe을 추가합니다.
"s_link_rep"로 검색하여 그 윗줄 즈음에 입력하면 될 것입니다.
<iframe src="about:blank" name="cyworld" width=0 height=0 frameborder=0 style="display:none;"></iframe>
이 인라인 프레임은 실제로 보이지 않으나,
싸이월드 링크의 타겟을 이쪽으로 지정함으로써 미니홈피의 팝업창만 뜨게 해 줍니다.
4. "s_link_rep"로 검색하여 바로 아래에 있는 <a> 태그 부분을 아래와 같이 수정해 줍니다.
<a href="［##_link_url_##］" onclick="linkclick(this.href); return false;">［##_link_site_##］</a>
이 구문은 링크가 클릭되었을 때 href에 있는 주소로 이동하지 않는 대신
앞서 자바스크립트로 만들어 둔 linkclick함수를 호출하는 기능을 합니다.
여기까지 하면 원하는 기능을 모두 구현했습니다-
왼쪽에 있는 '내 싸이' 링크를 눌러서 확인해보세요ㅋㅋ
