티스토리 메인 화면 글 목록 새창으로 열기

728x90

목 차

• 1. 시작하기 전에
• 2. 자바스크립트 추가 방법
• 3. HTML a태그 속성 추가 방법

반응형

 

1. 시작하기 전에

티스토리 메인 페이지 글 목록에서 글을 선택하면 현재 창에서 페이지가 이동되지만 새 창으로 열 수 있는 두 가지 방법에 대해 알려드리겠습니다.

현재 창으로 여는게 구글 애드센스 광고 수익에 도움이 된다는 분들도 계시고 새 창으로 여는 방법이 좋다는 분들도 계시더라고요. (저도 뭐가 좋은지 알지는 못합니다.)

누군가에게는 필요한 방법이라고 생각하고 본 포스팅을 준비하게 되었습니다.

블로그 체류시간에 도움이 되길 바랍니다. 

 

---

 

 

2. 자바스크립트 추가 방법

<script>
	window.addEventListener("load", function () {
	    Array.from(document.querySelectorAll('.post-item > a')).forEach(elem => {
	    	elem.removeAttribute('target');
	    	elem.setAttribute('target', '_blank');
	    });
	});
</script>

• 메인 페이지의 글 목록은 'post-item' 클래스로 묶여 있어서 해당 클래스 밑에 있는 'a태그'만 선택해서 새 창 열기를 하도록 만들었습니다.

 

1) [티스토리 관리자] - [스킨 편집] - [HTML 편집] 페이지 이동
2) '</body>' 조회
3) 조회된 '</body>' 위에 바로 소스를 붙여 넣는다.
4) [적용] 버튼 클릭

 

---

 

 

3. HTML a태그 속성 추가 방법

target="_blank"

1) [티스토리 관리자] - [스킨 편집] - [HTML 편집] 페이지 이동
2) 'article_rep_link' 조회
3) 북클럽 스킨 기준 8개가 나옵니다. 5번째 조회 항목으로 이동합니다.
4) 위에 코드를 복사해서 옆에 붙여 넣기 합니다.
5) [적용] 버튼 클릭