본문 바로가기
blog/스킨 편집

티스토리 북클럽 스킨의 홈 프로모션, 새 창으로 뜨게 하기

by Dreaming Coder 2020. 12. 16. 21:05

 


이 포스팅은 PC로 작성되었습니다.

모바일로 보시는 분들에게는 가끔

줄 바꿈이 어색하게 보일 수 있습니다.

 


 

 

 

 

티스토리 스킨 편집으로 글 작성 시간 숨기거나 나타내기

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 티스토리 스킨 편집으로 썸네일 크기 정사각형으로 조절 이 포스팅은 PC로 작성되

gogogameboy.tistory.com

저번의 스킨 편집은 글 작성 시간을 숨기거나 나타나게 하는 법을 배웠습니다.

 

이번에는 저의 블로그 스킨인 북클럽 Book Club 스킨에서 홈 프로모션을 새 창으로 뜨게 하는 법을 알아보겠습니다.

다른 스킨에도 홈 프로모션이라는 것이 있는지 모르겠지만, 있다면 이 글을 참고해주세요.

 

 

 

홈 프로모션이 새 창으로 뜨지 않는다

 

북클럽 스킨의 스킨 편집을 들어가서 스크롤을 내려보면 위와 같이 홈 프로모션이라는 것이 있습니다.

여기서 본인의 블로그에 링크시키고 싶은 사이트를 링크시킬 수가 있는데요,

저는 제가 운영하는 다른 블로그의 이름과 주소를 적어놓았습니다.

 

 

 

그리고 블로그의 첫 화면에서 이 점들을 클릭해보면,

 

 

 

이렇게 본인이 적어둔 사이트로 갈 수 있는 링크가 뜨게 되는데요,

문제는 새 탭으로 뜨지 않고, 현재의 탭에서 사이트 이동이 이루어진다는 점입니다.

이걸 새 탭으로 뜨게 해보겠습니다.

 

 

 

 

 

 

스킨 편집으로 홈 프로모션 새 탭으로 뜨게 하기

 

html 편집으로 들어가셔서 ##_var_promotion- 이라고 검색을 합니다.

그러면 스크롤 바에 나타나는 검색 결과들이 몰려있는 부분이 있는데요, 그곳으로 스크롤을 내립니다.

 

 

 

위의 텍스트는 PC에서 드래그 후,
ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다.
ctrl+c(복사)는 불가능합니다.

 

 

 

 

티스토리 블로그 html 편집 들어가는 법

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 이번 포스팅은 포스팅 거리도 못 되는 정말 민망할 정도로 쉬운 내용입니다. 하지만

gogogameboy.tistory.com

혹시라도 티스토리의 html 편집이 어디 있는지, 소스 코드 내 검색은 어떻게 하는 것인지 모르시는 분들은 위의 글을 확인해주세요.

 

 

 

그리고 그 검색 결과 안에서 <a href=""> 라고 쓰여있는 부분을 찾습니다.

여기에 target="_blank" 라는 소스 코드를 추가해주시면 새 탭으로 뜨게 됩니다.

 

하지만 저는 홈 프로모션1 에는 아무런 링크를 걸어두지 않았고, 디자인 적인 측면으로 이미지만 걸어두었을 뿐이고,

홈 프로모션2와 3에만 링크를 걸어두었기 때문에 2와 3에만 target="_blank" 를 추가하도록 하겠습니다.

 

 

 

 

링크 태그 (feat. 하이퍼텍스트)

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 제목 태그와 글씨를 굵게 해주는 태그 이 포스팅은 PC로 작성되었습니

gogogameboy.tistory.com

혹시라도 a href= 와 target= 태그에 대해서 전혀 모르시는 분들은 위의 글도 보시는 것을 추천드립니다.

 

 

 

이렇게 2와 3에 새 창으로 띄우는 target="_blank" 라는 태그를 적어놓습니다. 띄어쓰기에도 주의해주세요.

 

 

 

위의 소스 코드는 PC에서 드래그 후,
ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다.
ctrl+c(복사)는 불가능합니다.

 

 

 

혹시라도 ##_var_promotion- 라고 검색해서 직접 찾는 게 귀찮으신 분도 계실까봐

<a href="">

<a href="">

<a href=""> 의 소스 코드도 위에 적어두었습니다.

 

그리고 마지막으로 html 편집 상단의 적용까지 클릭을 하시면 끝납니다.

그러고 나서 홈 프로모션의 링크들을 클릭하면 새 창으로 사이트들이 뜨게 될 겁니다.

 

 

 

 

 

 

 

티스토리 북클럽 스킨에서 인스타그램 새 창으로 뜨게 하기

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 티스토리 북클럽 스킨의 홈 프로모션, 새 창으로 뜨게 하기 이 포스팅은 PC로 작성

gogogameboy.tistory.com

 

 

 


이 글이 도움이 됐다면 하단의 공감 버튼을 꾹 눌러서
빨간 하트로 만들어주세요.
(비로그인도 가능합니다!!)

지인에게 보여주고 싶은 글이었다면
공감 버튼 옆을 클릭해서 SNS 공유해주세요.
댓글은 블로그 운영에 큰 힘이 됩니다.

 


 


댓글